-
Posts
11 -
Joined
-
Last visited
Information
-
Sex
Мужчина
-
From
Россия, Волгоградская обл.
Contacts
-
Web site
http://kompolom.ru
kompolom's Achievements
Explorer (1/14)
1
Reputation
-
Мне нравится. Валидная верстка. приятно смотреть на код. <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/ Большая просьба, дать конструктивную критику, что получилось, что нет, и как правильней.
-
Помогите провалидировать html пожалуйста
kompolom replied to plywoods's topic in Discussion of works
Валидатору не нравится ваш тег < br>. Правильно <br /> А вообще, validator.w3.org вам в помощь. -
пропорции изображения в chrome (остальные правильно отображают)
kompolom replied to kompolom's question in HTML Coding
#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%; Так работает. И как я сразу не догадался... Кто столкнется с такой же проблемой, просто указывайте только ширину или только высоту в относительных единицах. Вопрос решен. -
пропорции изображения в chrome (остальные правильно отображают)
kompolom posted a question in HTML Coding
Имеется галерея изображений "ссылка", из нескольких наборов. разрешение может быть разным. по клику на картинке в центре, она должна занимать всю ширину 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> подскажите, пожалуйста что делать. -
Шрифт покрупнее чуток. А то сливается.