Показано с 1 по 8 из 8

Тема: ul или div?

  1. #1
    Есть макет сайта которые состоит из следующего: шапка, меню горизонтальное, левый блок, правый блок(где находится основной текст) и футер. Шапка состоит из следующих частей(обясню на примере таблице что бы было понятнее): 2 строки в кадой из строк
    3 столбца определенной высотой. С меню все ясно там списки. С остальными частями тоже. Вопрос: Как сделать шапку через дивы или через списки? В шапке присутствуют логотип, часть для загрузки файлов, рекламный блок, 2флэш банера. Начал немного сомневатся когда использовать списки, а когда дивы. Заранее спасибо.

  2. #2

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    На дизайн надо смотреть... чтобы правильное решение принять...
    Хотя, по большому счету, вопрос изначально некорректен...

  3. #3
    Originally posted by Aykroyd@Nov 2 2007, 20:46
    На дизайн надо смотреть... чтобы правильное решение принять...
    Хотя, по большому счету, вопрос изначально некорректен...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]

    Что именно не корректно в моем вопросе?
    Дизайн в скрепке.

    1 строка - 1столбец Рекламный банер (468*60) 2 столбец Загрузка Флэш 3 столбец Документы для скачки

    2 строка - 1столбец Логотип 2 столбец Флэшка 3 столбец Флэшка с контактами

    Как посоветуете делать через ul или через div?
    Заранее спасибо.

    :blush2: Не обращайте внимания на качество макета. Режим экономный

  4. #4

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Originally posted by fenixnt@Nov 2 2007, 22:17
    Что именно не корректно в моем вопросе?
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Некорректно то, что примерно аналогичным образом можно интересоваться что лучше одеть для прогулки: ролики или коньки. Хотя может оказаться, что лучше всего подойдут кроссовки... Особенно, если лето на дворе... )

    Originally posted by fenixnt@Nov 2 2007, 22:17
    1 строка - 1столбец Рекламный банер (468*60) 2 столбец Загрузка Флэш 3 столбец Документы для скачки
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Рекламный баннер – это однозначно img. И совсем необязательно обрамлять его дивом. Сообщение о загрузки флэш – это элемент абзаца (p). Слово "скачать" – это тоже элемент абзаца. Три документа для скачки – это неупорядоченный список ul.

    Originally posted by fenixnt@Nov 2 2007, 22:17
    2 строка - 1столбец Логотип 2 столбец Флэшка 3 столбец Флэшка с контактами
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Логотип – это элемент заголовка h1 с внутренней гиперссылкой. Флэшка – она и есть флэшка. И совсем необязательно обрамлять ее дивом. То же самое касается и флэшки с контактами...

    Originally posted by fenixnt@Nov 2 2007, 22:17
    :blush2: Не обращайте внимания на качество макета. Режим экономный
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/quote]
    Мы здесь верстку вообще-то обсуждаем...

    P.S. Видите, список здесь необходим только для представления файлов для скачки. В остальных местах ни ul, ни div не требуется...

  5. #5
    Originally posted by Aykroyd@Nov 3 2007, 14:23
    Некорректно то, что примерно аналогичным образом можно интересоваться что лучше одеть для прогулки: ролики или коньки. Хотя может оказаться, что лучше всего подойдут кроссовки... Особенно, если лето на дворе... )
    Рекламный баннер – это однозначно img. И совсем необязательно обрамлять его дивом. Сообщение о загрузки флэш – это элемент абзаца (p). Слово "скачать" – это тоже элемент абзаца. Три документа для скачки – это неупорядоченный список ul.
    Логотип – это элемент заголовка h1 с внутренней гиперссылкой. Флэшка – она и есть флэшка. И совсем необязательно обрамлять ее дивом. То же самое касается и флэшки с контактами...
    Мы здесь верстку вообще-то обсуждаем...

    P.S. Видите, список здесь необходим только для представления файлов для скачки. В остальных местах ни ul, ни div не требуется...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/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>?

  6. #6

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Прочитайте [Только зарегистрированные пользователи могут видеть ссылки. ] целиком. Возможно, многое встанет на свои места. Можете также посмотреть исходный код ресурса [Только зарегистрированные пользователи могут видеть ссылки. ]. Там Вы найдете пример использования элемента h1 в заголовке...

  7. #7
    Originally posted by Aykroyd@Nov 3 2007, 20:42
    Прочитайте [Только зарегистрированные пользователи могут видеть ссылки. ] целиком. Возможно, многое встанет на свои места. Можете также посмотреть исходный код ресурса [Только зарегистрированные пользователи могут видеть ссылки. ]. Там Вы найдете пример использования элемента h1 в заголовке...
    <div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]
    [/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:

  8. #8

    Регистрация
    15.11.2006
    Адрес
    Тольятти
    Сообщений
    2,698
    Свалили в ужас...

    Это не критика, извиняться Вам не за что...)
    Успехов Вам)

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения
  •