-
Есть макет сайта которые состоит из следующего: шапка, меню горизонтальное, левый блок, правый блок(где находится основной текст) и футер. Шапка состоит из следующих частей(обясню на примере таблице что бы было понятнее): 2 строки в кадой из строк
3 столбца определенной высотой. С меню все ясно там списки. С остальными частями тоже. Вопрос: Как сделать шапку через дивы или через списки? В шапке присутствуют логотип, часть для загрузки файлов, рекламный блок, 2флэш банера. Начал немного сомневатся когда использовать списки, а когда дивы. [Only registered and activated users can see links. Click Here To Register...] Заранее спасибо.
-
На дизайн надо смотреть... чтобы правильное решение принять...
Хотя, по большому счету, вопрос изначально некорректен...
-
Цитата:
Originally posted by Aykroyd@Nov 2 2007, 20:46
На дизайн надо смотреть... чтобы правильное решение принять...
Хотя, по большому счету, вопрос изначально некорректен...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Что именно не корректно в моем вопросе?
Дизайн в скрепке.
1 строка - 1столбец Рекламный банер (468*60) 2 столбец Загрузка Флэш 3 столбец Документы для скачки
2 строка - 1столбец Логотип 2 столбец Флэшка 3 столбец Флэшка с контактами
Как посоветуете делать через ul или через div?
Заранее спасибо.
:blush2: Не обращайте внимания на качество макета. Режим экономный [Only registered and activated users can see links. Click Here To Register...]
-
Цитата:
Originally posted by fenixnt@Nov 2 2007, 22:17
Что именно не корректно в моем вопросе?
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Некорректно то, что примерно аналогичным образом можно интересоваться что лучше одеть для прогулки: ролики или коньки. Хотя может оказаться, что лучше всего подойдут кроссовки... Особенно, если лето на дворе... )
Цитата:
Originally posted by fenixnt@Nov 2 2007, 22:17
1 строка - 1столбец Рекламный банер (468*60) 2 столбец Загрузка Флэш 3 столбец Документы для скачки
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Рекламный баннер – это однозначно img. И совсем необязательно обрамлять его дивом. Сообщение о загрузки флэш – это элемент абзаца (p). Слово "скачать" – это тоже элемент абзаца. Три документа для скачки – это неупорядоченный список ul.
Цитата:
Originally posted by fenixnt@Nov 2 2007, 22:17
2 строка - 1столбец Логотип 2 столбец Флэшка 3 столбец Флэшка с контактами
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Логотип – это элемент заголовка h1 с внутренней гиперссылкой. Флэшка – она и есть флэшка. И совсем необязательно обрамлять ее дивом. То же самое касается и флэшки с контактами...
Цитата:
Originally posted by fenixnt@Nov 2 2007, 22:17
:blush2: Не обращайте внимания на качество макета. Режим экономный [Only registered and activated users can see links. Click Here To Register...]
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Мы здесь верстку вообще-то обсуждаем...
P.S. Видите, список здесь необходим только для представления файлов для скачки. В остальных местах ни ul, ни div не требуется...
-
Цитата:
Originally posted by Aykroyd@Nov 3 2007, 14:23
Некорректно то, что примерно аналогичным образом можно интересоваться что лучше одеть для прогулки: ролики или коньки. Хотя может оказаться, что лучше всего подойдут кроссовки... Особенно, если лето на дворе... )
Рекламный баннер – это однозначно img. И совсем необязательно обрамлять его дивом. Сообщение о загрузки флэш – это элемент абзаца (p). Слово "скачать" – это тоже элемент абзаца. Три документа для скачки – это неупорядоченный список ul.
Логотип – это элемент заголовка h1 с внутренней гиперссылкой. Флэшка – она и есть флэшка. И совсем необязательно обрамлять ее дивом. То же самое касается и флэшки с контактами...
Мы здесь верстку вообще-то обсуждаем...
P.S. Видите, список здесь необходим только для представления файлов для скачки. В остальных местах ни ul, ни div не требуется...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Вы меня еще больше запутали :biggrin2:
Рекламный баннер это <table width="468" height="60" border="0" cellpadding="0" cellspacing="0"><tr><td><nolayers><iframe width="468" height="60" frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="no" src="http://bs.yandex.ru/show/165"></iframe></nolayers><ilayer width="468" height="60" src="http://bs.yandex.ru/show/165"></ilayer></td></tr></table>
То что мне дал яндекс.
Если его делать не через див, то как, просто <p class>?
Сообщение о загрузки флэш вы имеете ввиду <p class> с отступами в css?
Загрузка документов через <p class>, а внутри списки?Разве код будет валидным?
Мне интересно а как в h1 можно засунуть логотип? <h1 class="logo"> [img]logo.jpg[/img] </h1> а в css прописать отступы и прочее - это разве нормально обычно же для h1 используют тект?
Две флэшки во что лучше вставить в <p class> или <span class>?
-
Прочитайте [Only registered and activated users can see links. Click Here To Register...] целиком. Возможно, многое встанет на свои места. Можете также посмотреть исходный код ресурса [Only registered and activated users can see links. Click Here To Register...]. Там Вы найдете пример использования элемента h1 в заголовке...
-
Цитата:
Originally posted by Aykroyd@Nov 3 2007, 20:42
Прочитайте [Only registered and activated users can see links. Click Here To Register...] целиком. Возможно, многое встанет на свои места. Можете также посмотреть исходный код ресурса [Only registered and activated users can see links. Click Here To Register...]. Там Вы найдете пример использования элемента h1 в заголовке...
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]
[/quote]
Сохранил и просмотрел этот сайт. Многое осталось не понятным. В css через каждые 2-3 строки идет хак для браузера. Какой бы не был макет сайта я например вставляю в начало css следующее:
Код:
/*Сброс DEFAULT*/
html, body {border:0;margin:0;padding:0;margin:0;padding:0;****width:100%;height:100%;}
body {font:100%/1.25 Arial, helvetica, sans-serif;margin:0;padding:0;width:100%;height:100%;}
h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
h1 {padding:30px 0 25px 0;letter-spacing:-1px;font-size:2em;}
h2 {padding:20px 0;letter-spacing:-1px;font-size:1.5em;}
h3 {font-size:1em;font-weight:bold;}
p, ul, ol {margin:0;padding:0 0 1.25em 0;}
ul, ol {padding:0 0 1.25em 2.5em;}
blockquote {margin:1.25em;padding:1.25em 1.25em 0 1.25em;}
small {font-size:0.85em;}
sup {position:relative;bottom:0.3em;vertical-align:baseline;}
sub {position:relative;bottom:-0.2em;vertical-align:baseline;}
acronym, abbr {cursor:help;letter-spacing:1px;border-bottom:1px dashed;}
form {margin:0;padding:0;display:inline;}
input, select, textarea {font:1em Arial, helvetica, sans-serif;}
textarea {width:100%;line-height:1.25;}
label {cursor:pointer;}
table {border:0;margin:0 0 1.25em 0;padding:0;}
table tr td {padding:2px;}
#wrap {width:960px;margin:0 auto;}
.clear { clear:both; }
.float-left { float:left; }
.float-right { float:right; }
.text-left { text-align:left; }
.text-right { text-align:right; }
.text-center { text-align:center; }
.text-justify { text-align:justify; }
.bold { font-weight:bold; }
.italic { font-style:italic; }
.underline { border-bottom:1px solid; }
.highlight { background:#ffc; }
.wrap { width:960px;margin:0 auto; }
.img-left { float:left;margin:4px 10px 4px 0; }
.img-right { float:right;margin:4px 0 4px 10px; }
.nopadding { padding:0; }
.noindent { margin-left:0;padding-left:0; }
.nobullet { list-style:none;list-style-image:none; }
И после этого никаких хаков не использую все отображается одинаково во всех браузерах. За исключением 1-2 хака для IE и то если верстка сложная.
Извините за критику. :blush2:
-
Свалили в ужас... :crazy:
Это не критика, извиняться Вам не за что...)
Успехов Вам)
