MehOlOLBuC

Требуется мастер по натяжке готовой вёрстки на движок Prestashop. Пишите в личку.

валидатор? exfile.ru — файлообменник. пройдите по ссылке и скайчайте архив с файлами вёрстки

т.з. — вёрстка блочная — раскладка резиновая, все 3 колонки тянутся пропорционально — минимальное разрешение, при котором не появится горизонтального скроллера – 1024px x 768px. максимальная ширина при растягивании — 1280px — футер всегда прижат к низу страницы — страница сохраняет свою функциональность и внешний вид при отключённой графике — кроссбраузерность (Internet Explorer 7.0 +, Opera 9.0 +, Google Chrome 1.0 +, Mozilla Firefox 3.5 +, Safari 3.0 +) — SEO-оптимизация — валидность XHTML (1.0 Strict) и CSS — семантика кода проверка на соответствие стандартам xhtml 1.0 strict & css: http://validator.w3.org/ http://jigsaw.w3.org/css-validator/ http://exfile.ru/169133

хотел реализовать несколько типов разделителей с помощью <hr> с различными узорами на фоне, но в ie7 показывается рамка. в других браузерах отображается как надо. доктайп правильный придётся )) всем спасибо.

xhtml 1.0 strict как можно убрать рамку (границу, обрамление, окантовку) тега <hr> средствами css в ie7 с заданным фоном и высотой? hr{margin:0; padding:0; border:0;} не помогает.

дизайн понятный. Verder'у зачёт. не очень только выпадающее меню.

поздравляю!

эх, деньги-деньги... у меня получилось с пятью вложенными дивами. каркас резиновый. хотелось бы посмотреть на другие решения.

господа, давайте весь код вау )

сайдбары фиксированные. левый сайдбар и контент-блок завёрнуты в один блок. структура колонок <div id="content"> <div id="in"> </div> <div id="sidebar-left"> </div> </div> <div id="sidebar-right"> </div>

плюс один. разработчики, верстальщики, технологи сами виноваты в нескончаемой популярности шестого ослика. извиняюсь за оффтоп.

svdsLis эрик мейер - css. подробное руководство. глава вторая. селекторы.

Эдди title тега img не работает в ie 6. во всех остальных популярных (ie 7.0 +, firefox 1.5 +, safari 3.0 +, google chrome, opera) работает без проблем.

не будем разводить холливар.

где у вас там меню? давайте скриншот или весь код.

a.pic{display:block; width:472px; height:222px; margin:10px auto; text-decoration:none;}

в контексте семантики <dl> можно использовать не только в качестве термин - определение. хорошая статья, почитайте: http://pepelsbey.net/2008/04/semantic-coding-1/

тогда можно задать li ширину, будет работать как предыдущий пример, но расстояния между изображениями будут одинаковыми ul{width:100%;} ul li{float:left; width:25%; text-align:center;}

а если вот так background:#ссс url(images/bg.gif) repeat; (bg - картинка размером 5 x 5 пикселей) может покажете всю вёрстку?

есть смысловая связь между "ООО «Раира» является официальным ..." и перечислением страховых компаний? посмотри вёрстку с отключёнными стилями, думаю, так смотрится логичнее. макеев хорошо объяснил: http://pepelsbey.net/2008/04/semantic-coding-1/ контент-блок, два сайдбара, родительский контейнер и топпад. есть много способов вёрстки, я выбрал этот. тогда и каркас будет другим. спасибо за комментарии.

не было меня ночью ) 1) 2) в макете чуть сдвинуты, сделал точь в точь. 3) с маленьким интервалом смотрится как-то не очень. много? не знаю, четыре дива определяют каркас, див с toppad для прижатия футера без использования хаков и сокрытия верхнего отступа контент-блока. видел решётки в чужом коде, но не понял зачем они. если не изменяет память, читал в блоге webmolot'a, что какой-то браузер не задаёт ширину и высоту. и сам webmolot задаёт ширину. задал ширину .toppad, т.к. в ие6 недостаточно использовать один overflow:hidden; для охвата внутренних блоков с float семантика. я просто так теги не использую )) точно. вот класс #content #sidebar_l .in ul.menu li a.active{color:#424242; text-decoration:none;} каркас не позволит. высота хедера 400пк и абсолютно позиционирован. топпад своим верхним отступом ограничивает все три колонки. думаю, лучше надо было сохранить картинку в jpg (без полупрозрачных участков) и добавить <dt>Экспертиза</dt> убив двух зайцев - при включённом показе графики видим картинку с бабочкой и надпись, при выключенном появляется заголовок "экспертиза", то есть содержимое <dt> понимаю, что монокурсива не входит в список безопасных шрифтов, но и экзотическим он не является, на машинах с установленным офисом этот шрифт есть, так что решил ограничиться установкой дополнительного шрифта одного типа на случай отсутствия монокурсива. без графики семантичнее.

ну как?

а если реализовать на списках? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <style type="text/css"> html, body{width:100%; height:100%; line-height:1;} *{margin:0; padding:0; border:0; outline:0; vertical-align:baseline;} #menu {text-align:center;} #menu div {display: table;margin: 0 auto;} #menu ul {list-style:none;} #menu li {display:inline;} </style> </head> <body> <div id="menu"> <div> <ul> <li><a href="#"><img src="sunrise.jpg" alt="" /></a></li> <li><a href="#"><img src="sunrise.jpg" alt="" /></a></li> <li><a href="#"><img src="sunrise.jpg" alt="" /></a></li> <li><a href="#"><img src="sunrise.jpg" alt="" /></a></li> </ul> </div> </div> </body> </html>

Автор макета (PSD) Антон Иванов. тех. задание — вёрстка блочная — вёрстка резиновая — валидность xhtml & css — семантика — seo-оптимизация — кроссбраузерность (ie 6.0 +, opera 9.0 +, google chrome, mozilla firefox 1.5 +, safari 3.0 +) проверка на соответствие стандартам xhtml 1.0 strict & css: http://validator.w3.org/ http://jigsaw.w3.org/css-validator/ первый раз использую микроформаты. правильно ли всё разметил? п.с. запарился с пером и чернильницей, при объединении некорректно накладываются стили, выделил как смог. http://us.ua/3563/ или layout (MehOlOLBuC).rar

ну что за чушь. чем больше элементов расположены на отдельных слоях, тем удобнее и гибче верстать.