Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Помогите с версткой сайта в div- ax

Автор: shimochka 13.8.2009, 17:09

У  меня  такая  идея  которую  я  хочу  воплотить
Суть  всего  этого  такова

Хочу  переделать   сайт  с  табличной  верстки  в  div- и
Шапка  сайта  отдельно  стоит от  тела  сайта
Бордеры  графические  как  на  шапке  так и на
основной части  сделала  в  фотошопе.
И  у  меня  ещё  одна  важная
часть где  располагаются  левые  и  правые  боксы
user posted image

где выводятся  модуля  хочу сделать
с таким  видом  с  закругленными  углами
как  на  рисунке  чтобы  фон  внутри  сделать  другим
user posted image

Очень прошу помогите мне решить эту проблему

Автор: w03zd8rc 14.8.2009, 06:24

чтото типо такого получается:

Код


<div id='shapka'>shapka</div>
<div id='main'>
    <!-- пачка левых блоков-->
    <div id='lblok'>    
     <div id='blokkon'>first blok</div>
     <div id='blokkon'>second blok</div>
    </div>
    <!-- основное содержание. закругление строится путем 3х дивов:
    верхний и нижний с закругленными углами, средний основной контент-->
    <div id='sod'>
     <div id='sodsh'></div>
        <div id='sodkon'>osn kontent</div>
     <div id='sodpol'></div>
    </div>
    <!-- пачка правых дивов-->
    <div id='rblok'>
     <div id='blokkon'>first blok</div>
     <div id='blokkon'>second blok</div>
    </div>
</div>

стили надеюсь сам накатаеш, в основном надо будет у них размеры определить (у закруглений не забудь поставить и высоту тоже) и не забудь float

Автор: shimochka 14.8.2009, 10:26

w03zd8rc Спасибо, буду перекидывать

Автор: Forsaken 14.8.2009, 10:49

shimochka,
Неплохо бы Вам еще сейчас почитать статьи на тему SEO дизайна в 3 колонки

Автор: shimochka 14.8.2009, 10:54

Харашо, почитаю