Помощник
|
как сделать текст шире? |
Fox_hb
|
Сообщение
#1
|
||
|
|
||
|
|||
AndreySmith |
14.10.2009, 6:07;
Ответить: AndreySmith
Сообщение
#2
|
|
<p>как его раздвинуть?</p>
<p style="letter-spacing:5px;">к а к е г о р а з д в и н у т ь ?</p> Но если ты про пространство между меню и текстом странички, то хоть ты 500px поставь между буквами, а пространство пустым так и останется. Там либо границу таблички нужно подвинуть, либо блок растянуть... Короче - код в студию!!! (с) Якубович. :goodpost: |
|
|
Fox_hb
|
Сообщение
#3
|
|
там три папки images, index, style:
этот из папки "index" <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>TheModels.info</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="container"> <div id="header"> </div> <div id="border"> <div id="main"> <div id="left"> <div id="menu"> <ul> <li><a href="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/">Lotions & Creams</a></li> <li><a href="http://www.free-css.com/">Bath Salts</a></li> <li><a href="http://www.free-css.com/">Shampoo & Shower Gel</a></li> <li><a href="http://www.free-css.com/">Bubble Bath</a></li> <li><a href="http://www.free-css.com/">Gift Baskets</a></li> <li><a href="http://www.free-css.com/">Lip Balms & Candle</a></li> <li><a href="http://www.free-css.com/">Tarts Bath</a></li> <li><a href="http://www.free-css.com/">Teas & Gel Candles</a></li> <li><a href="http://www.free-css.com/">Fragrance List</a></li> <li><a href="http://www.free-css.com/">Pets</a></li> <li><a href="http://www.free-css.com/">Recipes</a></li> <li><a href="http://www.free-css.com/">Favorite Links</a></li> <li><a href="http://www.free-css.com/">Information Board</a></li> <li><a href="http://www.free-css.com/">Whats New</a></li> <li><a href="http://www.free-css.com/">Order Form</a></li> <li class="lastchild"><a href="http://www.free-css.com/">Terms & Policies</a></li> </ul> </div> <div id="menubottom"> <ul> <li><a href="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/">About us</a></li> <li><a href="http://www.free-css.com/">Contact</a></li> </ul> </div> </div> <div id="right"> <div class="content"> <h3>Welcome</h3> <p>Don't forgot to check free website templates every day, because we add at least one free website template daily.</p> <p>This is a template designed by free website templates for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like.</p> <p>You can remove any link to our websites from this template you're free to use the template without linking back to us. Don't want your boss to know you used a free website template;) .</p> <p>If you're having problems editing the template please don't hesitate to ask for help on the forum.</p> <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p> <p>To find great hosting providers visit Web Hosting Zoom.</p> </div> <div class="product"> <h3>Products</h3> <a href="http://www.free-css.com/"><img src="images/product1.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product2.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product3.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product4.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product5.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product6.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product7.gif" alt="product" /></a> <a href="http://www.free-css.com/"><img src="images/product8.gif" alt="product" /></a> <div class="clear"></div> </div> </div> <div class="clear"></div> </div> </div> <div id="footer"> <div id="copyright"> <span>© Copyright Salt and Soap.com, 2006.<br /> designed by <a href="http://www.freewebsitetemplates.com">free website templates</a></span> </div> <div id="payment"><img src="images/paypal.gif" alt="paypal" /></div> </div> <div id="footerend"></div> </div> </body> </html> |
|
|
AndreySmith |
14.10.2009, 7:29;
Ответить: AndreySmith
Сообщение
#4
|
|
Нда, тут надо бы еще код css))) Попробуй в файле style.css
поменять(уменьшить) ширину id="left" - это стиль дива в который вложено меню. #left {width:стокатаpx;} Если не получится выкладывай код css ;) |
|
|
Fox_hb
|
Сообщение
#5
|
|
что то не получается:sarcastic: только влево сдвигается и все, а справо всеравно пространство остается.
body { color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; text-align:center; background-color:#ffffff; } * {margin:0px;padding:0px;} .clear{clear:both;} #container { margin: 0px auto; text-align: left; width: 979px; } #header { background-image:url(images/header.jpg); width:979px; height:176px; display:block; } #border { background-image:url(images/border.jpg); background-repeat: repeat-y; width:979px; } #main { background-image:url(images/contentbg.gif); background-color:#abe4fe; margin: 0px 12px 0px 10px; background-repeat: repeat-x; } #left { width:261px; float:left; display:inline; background-image:url(images/contentbg.gif); background-color:#abe4fe; } #right { float:right; width:580px; } /***************** Content ***********************/ .content { width:530px; } .content h3 { background-image:url(images/welcome.gif); background-repeat:no-repeat; width:520px; height:33px; text-indent:700px; overflow:hidden; border-bottom: 1px dashed #2e2304; margin: 10px 0px 15px 0px; padding: 0px 0px 10px 0px; } .content p { font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-style: italic; color: #003a65; padding: 10px 0px 0px 6px; font-weight:900; } .content a { color:#2e260f; } .content a:hover { color:#cf0002; } .product { width:530px; margin: 20px 0px; } .product h3 { background-image:url(images/products.gif); background-repeat:no-repeat; width:530px; height:33px; text-indent:700px; overflow:hidden; border-bottom: 1px dashed #2e2304; margin: 10px 0px 15px 0px; padding: 0px 0px 10px 0px; } .product a { border: 1px solid #6698bd; display:inline; float:left; margin: 6px 0px 6px 11px; } .product a:hover { border: 1px solid #c40000; } .product img { border: 6px solid #ffffff; } /***************** Menu ***********************/ #menu { background-image:url(images/menu.jpg); width:261px; height:449px; margin-left:10px; } #menu ul { padding: 30px 0px 0px 0px; width:220px; margin-left:15px; } #menu li { background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: right center; border-bottom: 1px dotted #2e2304; list-style-type: none; padding: 4px 30px 4px 0px; text-align:right; } #menu a { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: 900; color: #2e260f; text-decoration: none; font-size: 12px; } #menu a:hover { color:#c40000; } .lastchild{ border-bottom: none !important; } #menubottom { background-image:url(images/menubottom.jpg); background-repeat:no-repeat; width:261px; height:76px; margin-left:10px; } #menubottom ul { padding: 20px 0px 0px 0px; width:240px; margin-left:15px; } #menubottom li { float:left; display:inline; width:77px; text-align:center; } #menubottom a { font-family: Arial, Helvetica, sans-serif; text-decoration:none; font-weight: bolder; font-size:10px; color: #6e6b53; text-transform: uppercase; } #menubottom a:hover { color:#c40000; } /***************** Footer ***********************/ #footer { background-color:#8bcaef; background-image:url(images/borderfooter.jpg); height:109px; width:979px; } #footerend { background-image:url(images/borderfooterend.gif); background-repeat: no-repeat; width:979px; height:9px; display:block; } #copyright { background-image:url(images/copyright.jpg); background-repeat:no-repeat; width:220px; height:43px; display:inline; margin-left:103px; float:left; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: 800; color: #463d16; padding: 30px 20px 0px 20px; text-align:center; } #copyright a { font-family: Arial, Helvetica, sans-serif; color: #463d16; } #payment { float:left; display:inline; margin: 10px 0px 20px 135px; } #payment img { border: none; } Просьба и в предь запихивать болошой код в соответствующие теги. Licoric |
|
|
AndreySmith |
15.10.2009, 2:27;
Ответить: AndreySmith
Сообщение
#6
|
|
Тогда увеличь #right
:goodpost: За одно еще можно и с content поиграть, чтоб достич нужного эфекта. |
|
|
Fox_hb
|
Сообщение
#7
|
|
#right {
float:right; width:580px; это я пробовал менять:sarcastic:если 680 ставлю в лево текст уходит, если 480 например то вправо, а он не расширяется! и еще хотел спросить, если текста по одной теме, на одной странице много получается, нужно ли на несколько страниц разбивать? видел сайты что внизу страницы делают кнопки что бы перелистывать например 1,2,3 на что это влияет? только на удобство или еще на что то?:goodpost: |
|
|
alexdrob |
15.10.2009, 3:51;
Ответить: alexdrob
Сообщение
#8
|
|
Текст весь в контейнере
<div class="content"> его стиль .content { width:530px; } увеличь на сколько нужно |
|
|
AndreySmith |
15.10.2009, 3:58;
Ответить: AndreySmith
Сообщение
#9
|
|
Сделай так:
Добваь к #right #left .content Вот эту строчку border:2px orange solid; это рамочка, на время. Ты увидишь, что это блоки с информацией, так будет нагляднее видно как изменются их размеры и что надо делать. Как настроишь ширину - удалишь рамочку. Я так и не могу понять, что же все таки надо? Чтобы текст разъехался или чтобы пустого места небыло? Это облегчает навигацию, вес одной странички уменьшается. |
|
|
Fox_hb
|
Сообщение
#10
|
|
да. рамочка появилась и вокруг меню и вокруг текста :goodpost:теперь понятьно, эту рамочку то влево то вправо двигаю!
а как с текстом то быть?:wacko: мне бы его расширить, что бы пробелы по бокам были поужи, а размер шрифта остался такой же. текст почемуто перескакивает на другую строчку а не продолжается!:achtung: |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Арбитражники, как ведете учет расходов и доходов? | 12 | Boymaster | 1925 | Вчера, 21:03 автор: MisterBit |
|
Как вывести деньги в Украине с заблокированного Юмани ? | 29 | freeax | 4817 | 17.4.2024, 1:19 автор: sergio11 |
|
Как вы отдыхаете от работы за компом | 148 | adw-kupon.ru | 19715 | 8.4.2024, 10:37 автор: Skyworker |
|
Как вы бросили работу и перешли на заработок с сайтов? | 18 | uahomka | 3109 | 5.4.2024, 5:53 автор: Skyworker |
|
Как бездомные хранят деньги? | 81 | metvekot | 13660 | 31.3.2024, 12:44 автор: Boymaster |
Текстовая версия | Сейчас: 20.4.2024, 8:25 |