kompolom

Мне нравится. Валидная верстка. приятно смотреть на код. <section class="cat clearfix"> здесь бы я поставил <nav> А вообще, что касается использования семантических html5 тегов, довольно много различный мнений ходит особенно относительно article и section. обратил внимание, что у вас основной блок лежит в aside. По мнению этого сайта Ну и каталог ,как мне кажется, удобней верстать на inline-block чем на float элементах. Это позволяет избавляться от костылей типа .product:nth-child(3n) { margin-right: 0; } Где-то на хабре попадалась статья где подробно расписан метод.

Ра Разве это не приводит к невалидному коду?

Спасибо за ответ. Учту. По поводу класса .clearfix, обычно я им и пользуюсь. но в данном случае верстка не должна была разваливаться на IE7. По сказаниям он не работает с :after. Может, я не прав, поправьте если что.

сверстанный макет по адресу http://kompolom.ru/portfolio/cleanExpert/ Соответствие шаблону не интересует, поэтому .PSD не выкладываю. Интересуют ваши рекомендации по верстке, что получилось, а что - нет. Если критикуете, то, пожалуйста обосновывайте доводы. Спасибо за внимание.

Спасибо за советы, буду исправлять

Спасибо, за развернутый ответ. Конечно интересует. И еще, Почему так лучше?

Первый раз верстал более-менее сложный макет, который взял с этого же форума. http://forum.htmlboo...showtopic=27440 отсюда. сверстанный макет - http://kompolom.ru/p...samples/templ1/ Большая просьба, дать конструктивную критику, что получилось, что нет, и как правильней.

Валидатору не нравится ваш тег < br>. Правильно <br /> А вообще, validator.w3.org вам в помощь.

#wrapper { width: 1000px; min-height: 100%; height: auto !important; margin: 2% auto 0; background:#FFFFF5 ; padding: 2%; } #gallery #photo { display:block; margin:10px auto; max-width: 60%; } .realsize{ top: 0; left: 0; z-index: 1; max-width: 100% !important; width:100%; Так работает. И как я сразу не догадался... Кто столкнется с такой же проблемой, просто указывайте только ширину или только высоту в относительных единицах. Вопрос решен.

Имеется галерея изображений "ссылка", из нескольких наборов. разрешение может быть разным. по клику на картинке в центре, она должна занимать всю ширину wrapper и растягиваться соответственно вниз до оригинального размера. В мозилле и опере так и происходит, а вот хром почему то меняет соотношение сторон картинки. #wrapper { width: 1000px; min-height: 100%; height: auto !important; margin: 2% auto 0; background:#FFFFF5 ; padding: 2%; } #gallery #photo { display:block; margin:10px auto; max-width: 60%; } .realsize{ top: 0; left: 0; z-index: 1; max-height: 100% !important; max-width: 100% !important; width:100%; height: 100%; изменение размера происходит путем добавления к изображению класса realsize $("#photo").click(function(){ $(this).toggleClass("realsize"); }); структура страницы: <div id="wrapper" class="rounded light"> <div id="gallery"> <ul id="sets"></ul> <div id="loading"></div> <img id="photo" src="images/loading.gif" /> <ul id="thumbs"></ul> </div> <div class="clear"></div> </div> подскажите, пожалуйста что делать.

Шрифт покрупнее чуток. А то сливается.