Помощник
|
Требуется совет по вёрстке шапки |
BlackSeptember
|
Сообщение
#1
|
||
|
|
||
|
|||
Albert_hb |
6.11.2010, 18:53;
Ответить: Albert_hb
Сообщение
#2
|
|
|
|
|
BlackSeptember
|
Сообщение
#3
|
|
Во первых: Я не писал, что нечего не знаю.:sarcastic:
Во вторых: Из справочников только css.manual.ru и html.manual.ru :sarcastic: В третьих: Для чего создана эта ветка форума? Чтобы писать в каждой теме, в которой человек испытывающий затруднительное положение просит совета, типа иди учись сначала, потом задавай вопросы? Если вы не знаете пройдите мимо, если знаете но лень рассказывать, достаточно показать страницу, где есть подобная структура. -------------------- |
|
|
ZhukV |
6.11.2010, 21:03;
Ответить: ZhukV
Сообщение
#4
|
|
<style type="text/css"> #header{width:900px; height:100px;} #logo, #header-right{float:left; height:100px;} #logo{width:300px; background:#f00;} #header-right{width:600px; background:#00f;} #center{width:980px; background:#0f0;} .clear{clear:both;} </style> <div id="header"> <div id="logo">LOGO</div> <div id="header-right"> TEXT </div> <div class="clear"><!--Этот контейнер нужен обезательно, если будет еще какие-то контенты до закрытия родительского дива--></div> </div> <div id="center"> asdashdkjahsdk jh alsd hakjshd ajs hdkjas </div> А вообще, лучше начинать с тадличной верстки, поскольку она есть намного легше и понятнее. Див - это професиональная верска, которая требует много зусилий и понимания, включая кросстабельность. |
|
|
BlackSeptember
|
Сообщение
#5
|
|
Вот спасибо!
Насколько я знаю, можно не использовать: <div class="clear"></div> А достаточно: <br class="clear"> Я ступил, мне ещё надо справа меню сделать... -------------------- |
|
|
ZhukV |
7.11.2010, 1:13;
Ответить: ZhukV
Сообщение
#6
|
|
Чтоб лекше было, нарисуй, как именно те нужно, помогу.
А достаточно: Вполне достаточно, просто <br> сделает еще один перевод строки, а div нет =) Иногда хорошо бр, когда нужно немного опустится вниз, но лучше все таки использовать для этого дивы. |
|
|
BlackSeptember
|
Сообщение
#7
|
|
Спасибо вам за помощь!
На данном этапе я имею следующие: [IMG]http://img80.imageshack.us/img80/5231/17735280.png[/IMG] Зелёным отмечено, что уже сверстал. Красным то, что испытываю затруднение. Где красная полоска, в оригинале от <br class="clear"> Появился довольно большой отступ. В принципе в css можно поиграться, но может есть какие то, более правильные выходы устранения этой проблемы?Ах, да, код шапки сейчас такой: <div id="header"> Заранее спасибо!
<div id="logo"><a href="../"><img src="/images/logo.png" /></a></div> <div id="welcome">Приветствие!</div> <div class="seachpop"> <!--Код поиска--> </div> <!--<div class="menu"> </div>--> <br class="clear"> </div> -------------------- |
|
|
ZhukV |
7.11.2010, 12:12;
Ответить: ZhukV
Сообщение
#8
|
|
|
<style type="text/css"> #header{width:980px; height:150px;} #logo, #hello, header-right {float:left;height:150px;} #logo{width:250px; background:#CCCCCC;} #hello{width:350px; background:#00FFFF;} #header-right{ width:380px; } #form-search{height:75px; background:#FFFF99; text-align:right;} #menu{background:#66FF66; height:75px;} .hr{ height:2px; background:#FF0000; margin:5px 0; width:980px; } #content{width:980px;} #center, #right{float:left; min-height:400px;} #center{width:760px; background:#9999FF;} #right{width:220px; background:#66CC00;} #fotter{height:100px; width:980px; background:#99CCFF;} </style> <div id="header"> <div id="logo">LOGO</div> <div id="hello"> HELLO </div> <div id="header-right"> <div id="form-search"> <input type="text" /> </div> <div id="menu"> MENU </div> </div> </div> <div class="hr"></div> <div id="content"> <div id="center"> CENTER </div> <div id="right"> RIGHT </div> </div> <div class="hr"></div> <div id="fotter">FOOTER</div>
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Требуется помощь по сайту на "ВордПресс" Закрылся доступ в панель администратора |
12 | Tia2 | 1518 | 25.3.2024, 6:54 автор: Skyworker |
|
Требуется копирайтер-постер | 9 | Hanj | 2393 | 25.3.2024, 6:46 автор: Skyworker |
|
требуется помощь с themasoftware (Темапостером) | 0 | Taylor | 565 | 16.3.2024, 18:41 автор: Taylor |
|
Требуется контент-менеджер | 1 | Grimov | 1125 | 8.2.2024, 9:54 автор: projectadmin |
|
Требуется рерайтер на постоянку Тематики разнообразные |
4 | PostBrigada | 2732 | 22.1.2024, 1:16 автор: writer80 |
Текстовая версия | Сейчас: 28.3.2024, 15:06 |