novicheG

С праздником!

через 426лет напишешь 1-й скрипт

Все это и так ясно, почему и зачем. По настоящему целесообразно и оправдано, если делается, к примеру, универсальный и гибкий шаблон на продажу, в котором расположение сайдбара меняется в админке в два клика (как в некоторых платных шаблонах), но для этого и дизайн должен быть правильно продуман. В остальном - как хочу, как удобно так делаю, согласился если бы это был какой-нибудь "cmsitelft13", переименовать "left" в "right" или "left" в "aside" каких-то неимоверных усилий вроде бы не состовляет, даже если уж на то пошло, если присмотреться внимательнее к макету изменить расположение колонок нужно не только верстку менять но и диз некоторых частей в данном случае.

При верстке руководствовался мыслями: список - есть "перечисление" элементов. список каких-то дел; фрукт1, фрукт2, фрукт3, п.меню1, п.меню 2, - перечисления элементов, -> список. в тексте "категория1, подкатегория2, подкатегория3 - содержат нужные для вас материалы" ("," - ключевой элемент) - идет перечисление элементов - здесь это список. в "пути по сайту" "категория1 -> подкатегория2 -> подкатегория3" - НЕ перечисление элементов - это одна строка, по логике это ближе к "адресу", "адресной строке" где мы сейчас находимся. ИМХО.

На .news_block ее вешать нельзя - их высота динамически меняется от контента и на границах будут несостыковки.

Ну как я говорил - в одном из своих постов про критику, - двусмысленное высказывание с очень тонким намеком 1.Что исправлено. - Да, упустил про него, сделал. - Согласен, сделал. - В принципе так и хотел делать. Переделал. По остальным не отвеченным пунктам есть свое мнение. 2.Вопросы: - Чем плохо "/"? Картинками нужно или что? - Если можно, скажите насчет заголовков, собственно не совсем понял этот момент? - Чем class="menu" плохо? - Почему? по остальным все ясно. Ничо не пойму причем здесь мало или много? я на данный момент вообще ни на что и не претендую.

swetlana, спасибо) верстка, правильнее выразиться - первая которую старался делать именно качественно, до этого верстал кое-что, немного, (не макеты сайтов) - страницы, оформления скриптов, - просто на обум, не зная спецификаций и других страшных вещей), это уже после прочтения спеки, 1-2-х книг и чтения/общения на форуме. По замечанию согласен - поправлю, я тоже хотел так делать.

Добрый день форумчане. Сверстал (учебный) макет, буду благодарен за все комментарии и критику. - Макет - Верстка ——-- Верстка: резина Тестилось в: IE6+, Opera 9.63+, FF3.6+, Chrome 10, Safari 4 Также хотелось бы после комментария примерную оценку по вашему мнению, сколько и из скольки баллов. Также отдельное спасибо psywalker-у, в свое время подсказавшиму мне по какому пути идти оптимальнее в обучении версткой.

Извините (см. мой никнэйм) но я вас не пониматЬ Можно чуть доступнее?)

+1 Согласен со всем, тоже не считаю что здесь уместны списки, логичнее <h></h><p></p>. (Но я верстаю xhtml 1.0.) Ну собственно вот они Ну и дабы не быть голословным - вот применение dl, ul li - верстальщиками первыми в списке. Вывод: все же логичнее делать <h></h><p></p>? Я просто макет верстаю не за деньги а на "выставку" показать здесь на форуме, поучиться и собрать критику/коментарии .

Ориентируюсь в верстке примерно на первую десятку фрилансеров-верстальщиков. Блоки новостей верстают по-разному - кто <dt> кто <ul> кто <em> <p> и пр. И все-таки кто-как считает - как семантичнее верстать?

"Господи, как же до них достучаться, как же до них достучаться.." ©Eric Cartman, South Park Да, Макс, он прижат - но прижат не к низу браузера, а представь что прижат как бы к низу блока wrapper (для чего (для наглядности) я и вставил его с красной рамкой), а высота wrapper в свою очередь изменяется взависимости от наполненности двух блоков: left и content, в свою очередь изменять wrapper могут по отдельности и left и content. Теперь понятно?)

Да е-мое Н-да, про самый первый то вариант я и забыл - огрех конечно мой - я нифига наверно не умею хорошо объяснять)) извиняюсь) 4. Высота блока left > высоты блока content (больше не менее чем на высоту футера)

Нет, взаимоисключающих требований здесь нет, щас объясню: представьте left стал 200px content 180px футер при этом 40px - чуете что должно происходить? - часть футера будет за left а часть (ниже) под left и контент футера обтекает блок left. Чтобы понять можно скопипастить мое решение и поизменять размер браузера/ подабавлять/поубирать контент - работает именно так как и нужно (в Opera, FF, IE8). UPD По сути вот, возможны три варианта: (скрины - что в какой ситуации должно происходить) 1. Высота блока left > высоты блока content 2. Высота блока left = высоте блока content 3. Высота блока left < высоты блока content

Понятно, спасибо! Да, мне в принципе оба варианта подходят - либо делать нечетную высоту либо задавать vertical-align в px т.к. высота фиксированная. Просто охота было именно мнение услышать дабы не изобретать велосипедов.

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

Не, неправильно понял Как же она будет обтекать - она будет в блоке у которого задан отступ.

При выравнивании строчных элементов столкнулся со следующей проблемкой: vertical-align:middle немного неточно выравнивает строчный элемент (в случае если контейнер четной высоты px) - в разных браузерах по разному (см. картинку) собственно код: HTML: <!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>1px_top_gap</title> <meta name="description" content=""/> <meta name="keyword" content=""/> <link type="text/css" href="css/styles.css" rel="stylesheet"/> <style type="text/css"> </style> </head> <body> <div class="search"> <h2>SEARCH</h2><!-- --><input class="submit" type="submit" value=""/> </div> </body> </html> CSS: h2 { font: bold 12px Arial, Helvetica, sans-serif;; } /* */ .search { width: 215px; margin-top: 8px; float: right; border: 1px solid; } .search h2 { display: inline; vertical-align: middle; border: 1px solid; } .search .submit { width: 30px; height: 26px; margin-left: 1px; vertical-align: middle; border: none; background: url("../img/search_btn.jpg") no-repeat; } /* */ Можно конечно исправить хаками или сделать чтобы у родителя высота стала нечетной (27px вместо 26px - тогда все ровненько везде, но это как-то не красивый выход), но охота, все таки, узнать можно ли кроссбраузерно решить это?

1. Нет, футер должен идти после left и content (для этого ставиться div clear:left), т.е. после блоков с содержимым. 2. Ну оставим его высоту в покое - она фиксированная) 3. Нет, высота wrappera зависит от высоты left и content, их высота в свою очередь зависит от содержимого. (wrapper сюда я добавил просто для того чтобы визуально было лучше видно) Вот, можешь, (если есть интерес), глянуть, - это мое решение - работает именно так как и нужно, (чтобы увидеть можно помучать браузер - поизменять его размер, посмотреть как плавают элементы) - в ИЕ8 (ие9 нету - не проверял) FireFox, Opera. HTML: <!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>Two-column</title> <meta name="description" content=""/> <meta name="keyword" content=""/> <link type="text/css" href="css/styles.css" rel="stylesheet"/> <style type="text/css"> </style> </head> <body> <div class="wrapper"> <div class="left"> Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content </div> <div class="right"> Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content </div> <div class="clear"></div> <div class="footer"> Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content Content </div> </div> </body> </html> CSS: .wrapper { overflow: hidden; border: 1px solid red; background: #f0f0f0; } .left { width: 200px; float: left; background: #64a6d2; } .right { margin-left: 200px; padding-bottom: 100px; background: #c3c3c3; } .clear { clear: left; } .footer { height: 100px; margin-top: -100px; background: #0959a2; } (wrapper - никакой функциональной роли не играет! вставил его просто для наглядности!)

Да нет, задача предусматривалась для двухколоночного макета, толкать вниз футер могут: и (1-я колонка) left, и (2-я колонка) content, поэтому если высота контента будет приближаться к высоте left - перекрытие будет всегда разное, более того - если высота контента станет больше высоты left - эта самая "пустышка" так и будет торчать. Да, пади, psywalker прав, без JS не решишь. Однако в правильных браузерах мое решение работает... вебкиты и ранние ишаки гонят...

Нет, размеры конечно неизвестны, высота left зависит от контента (я писал об этом), ширина может быть как фикс так и резина если были бы фиксы я бы и сам давно уже сделал Естественно имеется ввиду без JS - с JS тоже проблемы бы не было как таковой - можно брать размеры left-а

Может на картинке будет понятнее что должно происходить (если футер к примеру больше):

родителю (шапке) position:relative; слою/картинке: position:absolute; right:100px;

Нет задачу видимо не понял . Понимаешь сам принцип обтекания float? Вот контент футера должен именно обтекать левый блок, а так - будет просто отступ.

Не понял? Тут обтекание - принципиально, так как макет будет двухколоночным, и в случае растягивания второй колонки по высоте - контент футера должен именно обтекать левый блок. Я просто специально его (блок контента) не стал здесь показывать чтобы на самой задаче внимание сосредоточить.