нужна помощь в верстке.

Тема в разделе "Веб-дизайн", создана пользователем unsiker, 7 май 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. unsiker

    unsiker

    Регистр.:
    6 июн 2008
    Сообщения:
    465
    Симпатии:
    172
    Прошу помощи дизайнеров.

    Есть у меня тривиальная задача. Но не получается у меня все красиво сделать. Мне нужно сверстать главную страницу, а именно информационную часть (то что находится между header и footer).
    В таблицах такое делается без проблем, но вот Дивами у меня никак не получается.
    Во вложении нарисовано как это должно выглядеть. Помогите с версткой.
     

    Вложения:

    • verstka.JPG
      verstka.JPG
      Размер файла:
      18,8 КБ
      Просмотров:
      43
  2. pslava

    pslava

    Регистр.:
    16 май 2007
    Сообщения:
    618
    Симпатии:
    122
    Как я понял у тебя проблемы именно с серединой, поэтому на середину напиши в стиле:
    margin-left:235px; margin-right:245px
    с правой и левой колонкой обычно проблем не бывает
     
  3. unsiker

    unsiker

    Регистр.:
    6 июн 2008
    Сообщения:
    465
    Симпатии:
    172
    Чесно говоря у меня проблемы с дивами, сколько не напишу - то либо что то наедет друг на друга, то отсупы по нулям. Я бы хотел иметь еталон такого примера. Если кто сверстает целиком буду очень благодарен.
     
  4. mydooms

    mydooms Постоялец

    Регистр.:
    22 фев 2008
    Сообщения:
    105
    Симпатии:
    26
    http://www.graphicson.com/html/portfolio.html,layouts
    Тут больше ста разных базовых вариантов вёрстки, как резиновой, так и фикс.
    Всё на DIVах: css и html.
     
    unsiker нравится это.
  5. alx198

    alx198 Писатель

    Регистр.:
    16 фев 2009
    Сообщения:
    7
    Симпатии:
    1
    Неплохие универсальные шаблоны такой верстки на дивах под все браузеры есть в составе dreamweaver cs3. File - new - blank page - html template - 3 column hybrid
     
  6. WySteR

    WySteR Создатель

    Регистр.:
    23 июл 2008
    Сообщения:
    17
    Симпатии:
    2
  7. blacks

    blacks

    Регистр.:
    26 сен 2008
    Сообщения:
    391
    Симпатии:
    24
  8. yarobot

    yarobot Постоялец

    Регистр.:
    28 май 2008
    Сообщения:
    66
    Симпатии:
    50
    Абсолютно с тем же самым сталкивался! Проклинал дивы. Помогло указание нескольких свойств для них: во-первых inline, во-вторых float left для всех, в-третьих средний слой выравнивал при помощи отрицательных margins
     
    trankred нравится это.
  9. progreccor

    progreccor Постоялец

    Регистр.:
    2 окт 2008
    Сообщения:
    121
    Симпатии:
    18
    ну ни к чему изобретать велосипед. здесь уже помоему дали все возможные ответы, но шаблоны dreamwever самые лучшие потому, что там содержатся подробные комментарии в коде, которые объянсяют почему сделано именно так.
    Так что я бы советовал именно эти шаблоны.
     
  10. Dioni$$

    Dioni$$ Создатель

    Регистр.:
    19 май 2009
    Сообщения:
    17
    Симпатии:
    4
    Учился на этих вот шаблонах, можно даже просто их брать и дальше свое уже делать ;)

    http://blog.html.it/layoutgala/
     
Статус темы:
Закрыта.