WalkMan

Из выше изложенного я так понимаю мы слегка можем пренебрегать логичностью, так как не всегда известно как дизайнеру вздумается оформить очередной блок контента <div class="newsList faqList"/> ну далее по фантазии вот кстати лжеюзер в одном комъюнити такую штуку запостил: Object Oriented CSS к сожалению в англ не очень силён

Я не знаю как ты, но я не програмер а верстальщик есть тз и по нему надо верстать, а движки это дело другой команды разработчиков я вот то же присмотрелся к некоторым классам меня вот сейчас интересно следующее что бы не объяснять на пальцах попробую привести пример работы psywalker:) psywalker итого: есть у него класс class="new_services" всё красиво все понятно тут нарисовывается новая страница диза на которой есть такой же блок но совсем с другим содержанием ну например отзывы клиента или методы ухода за кожей(для данного примера) логично вставить тот же блок с тем же классом но возникает путаница: в блоке new_services повествуют как избавляться от прыщей или о том какая это контора фиговая... вариант создать новый класс и в стилях прописать значение для класса не очень подходит так как на классе new_services завязано много вложенных стилей для элементов итого или оставлять так или прописывать кучу новых зависимостей... P.S. to s0rr0w Напишешь статью, цены тебе не будет

Походу не до конца вкурил сабж у движка пару десятков тимплеев для разного вида страниц

Это понятно я к тому что страниц допустим 50 в этих 50 периодически могут проскакивать похожие блоки информации с незначительными дополнениями/изменениями вот наткнулся на такой пример но на мой взгляд это очень жёстко .FFA{font-family: Arial;} .FFAN{FONT-FAMILY: Arial Narrow;} .posAbs{ position:absolute;} .posRel{ position:relative;} .posFix{ position:fixed!important;} .clearL{ clear:left;} .clearR{ clear:right;} .floatL{ float:left;} .floatR{ float:right;} .T0 { top:0px;} .L0{ left:0px;} .R0{ right:0px;} .B0{ bottom:0px;} .LH0{line-height:0px;overflow: hidden;} .LH1{line-height:1px;} .LH11{line-height:11px;} .LH12{line-height:12px;} .F0{font-size:0px;overflow: hidden;} .F1{font-size:1px;} .F12{font-size:12px;} .F14{font-size:14px;} .F15{font-size:15px;} .UCase{ text-transform:uppercase;} .LCase{ text-transform:lowercase;} .CCase{ text-transform:capitalize;} .NoLine{ text-decoration:none;} .UnLine, .UnLine:hover{ text-decoration:underline;} .CursorP{cursor:pointer;} .CursorD{cursor:default;} .FB{ font-weight:bold;} .FN{ font-weight:normal;} .TxtL{text-align:left;} .TxtR{text-align:right;} .TxtC{text-align:center;} .DN{display:none;} .DB{display:block;} .Vi_V{visibility:visible;} .Vi_H{visibility:hidden;} .Of_A {overflow:auto;} /*—————————- Fonts colors ——————*/ .C_W{color:#FFFFFF;}/*White*/ .C_R{color:#9D080D;}/*Red*/ .C_O{color:#F3A21D;}/*Orange*/ .C_OO{color:#F3A21D;}/*Orange - Hover button */ .C_B{color:#000000;}/*Black*/ /*—————————- Fonts colors ——————*/ /*—————————- BackGround colors ——————*/ /*White*/ .BGW{ background-color:#FFFFFF!important;} /*Gray*/ .BGGL{ background-color:#D7D7D7!important;} /*—————————- BackGround colors ——————*/ /*—————————- Border colors ——————*/ .BOB{border:solid 1px #000000;}/*Black*/ .BOO{border:solid 1px #fd9800;}/*Orange*/ .BOGL{border:solid 1px #D7D7D7;} .BOGLL{border:solid 1px #D8D8D8;} .BOGBOT{border-bottom:1px solid #D7D7D7;} /*—————————- Border colors ——————*/ .BGRX{ background-repeat:repeat-x;} .BGRY{ background-repeat:repeat-y;} .BGNR{ background-repeat:no-repeat;} /*—————————- Paging ——————*/ .PagingDis{ font-weight:bold; font-size:11px; color:#282828; line-height:12px; text-decoration:none;} .PagingAct{ font-weight:bold; font-size:11px; color:#282828; line-height:12px; text-decoration: underline; cursor:pointer;} .PagingDisW{ font-weight:bold; font-size:11px; color:#ffffff; line-height:12px; text-decoration:none;} .PagingActW{ font-weight:bold; font-size:11px; color:#ffffff; line-height:12px; text-decoration: underline; cursor:pointer;} /*—————————- Paging ——————*/ код урезан суть понятна

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

Пока не заметил хотя и раза два три им пользовался)) експрешены тож хорошо нагружают ослика оффтоп: день когда вымрут последние ослы 6 можно будет сделать днём верстальщиков

Я 6 ие лечил скриптом <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script> <![endif]-->

Вот на хабре туториалсы проскачили по JS javascript

Я сам телек не смотрю но говорят не плох вот этот моник с встроеным тюнером у нас в стране пользуеться спросом и цена адекватная http://www.ciao.co.uk/LG_Electronics_M_208WA__6709002

#menu { float:left; width:510px; } а ширина одного пункта меню 120px

Супер!

Из всего выше сказанного : На вкус и цвет фломастеры разные

Эх... А так хотелось новый бинокль...

Ага ты меня раскусил Мне фуджитсу отстегивает за линки на его сайт причем расплачиваеться биноклями

код смотрел? как минимум в первом это: "...Если сделать скриншот всего кода и повернуть его против часовой стрелки, получится что-то вроде такого.... ...Что само по себе ничего не значит, конечно же. Если не брать во внимание вид из окна главного офиса компании Fujinon (подразделение FujiFilm, занимается продажей биноклей, каталог её) в городе Saitama на гору Фуджи..."© ну а во втором примере, не проще ли это было сделеать в флеше?

Предлагаю сюда постить различные неординарные, на ваш взгляд, решения в верстке быть может кто то насмотревшись свое что то свояет Для затравки классика: обычный каталог биноклей (с хабра) И в продолжении темы: Банер

ну если ТС планирует зарабатывать версткой на хлеб с водой, то надо быть готовом с любым капризам заказчиков

что стоит в том и смотрел

вот такой треш в опере 8 Version 8.53

может какой яваскрипт есть который бы заставлял по доктайпу обрабатывать )))

ИЕ вообще не понятен теперь стал да вот такой заказ может со временем и смогу доказать нужность и полезность доктайпа заказчику но у него какие то свои особенности может ещё то сталкивался с особенностями при данном типе верстки?

Много написано про важность доктайпа но вот столкнулся с заказом где по тз он должен отсутсвовать и сразу, всеми любимый, IE первым среагировал не сработал margin: 0 auto; может кто наталкивался в инете на инфу про то как реагируют элементы и стили без указания доктайпа

li, a {display: block;}

Ну если не лезть в корень проблемы, то отрицательными маргинами для формы и нижнего дива с булитами, с хаками для ие6-7 *margin-top: -20px;

ok Возьмём на заметку данную конструкцию