Jump to content

kompolom

Newbie
  • Posts

    11
  • Joined

  • Last visited

Information

  • Sex
    Мужчина
  • From
    Россия, Волгоградская обл.

Contacts

  • Web site
    http://kompolom.ru

kompolom's Achievements

Explorer

Explorer (1/14)

1

Reputation

  1. Мне нравится. Валидная верстка. приятно смотреть на код. <section class="cat clearfix"> здесь бы я поставил <nav> А вообще, что касается использования семантических html5 тегов, довольно много различный мнений ходит особенно относительно article и section. обратил внимание, что у вас основной блок лежит в aside. По мнению этого сайта Ну и каталог ,как мне кажется, удобней верстать на inline-block чем на float элементах. Это позволяет избавляться от костылей типа .product:nth-child(3n) { margin-right: 0; } Где-то на хабре попадалась статья где подробно расписан метод.
  2. Ра Разве это не приводит к невалидному коду?
  3. Спасибо за ответ. Учту. По поводу класса .clearfix, обычно я им и пользуюсь. но в данном случае верстка не должна была разваливаться на IE7. По сказаниям он не работает с :after. Может, я не прав, поправьте если что.
  4. сверстанный макет по адресу http://kompolom.ru/portfolio/cleanExpert/ Соответствие шаблону не интересует, поэтому .PSD не выкладываю. Интересуют ваши рекомендации по верстке, что получилось, а что - нет. Если критикуете, то, пожалуйста обосновывайте доводы. Спасибо за внимание.
  5. Спасибо за советы, буду исправлять
  6. Спасибо, за развернутый ответ. Конечно интересует. И еще, Почему так лучше?
  7. Первый раз верстал более-менее сложный макет, который взял с этого же форума. http://forum.htmlboo...showtopic=27440 отсюда. сверстанный макет - http://kompolom.ru/p...samples/templ1/ Большая просьба, дать конструктивную критику, что получилось, что нет, и как правильней.
  8. Валидатору не нравится ваш тег < br>. Правильно <br /> А вообще, validator.w3.org вам в помощь.
  9. #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%; Так работает. И как я сразу не догадался... Кто столкнется с такой же проблемой, просто указывайте только ширину или только высоту в относительных единицах. Вопрос решен.
  10. Имеется галерея изображений "ссылка", из нескольких наборов. разрешение может быть разным. по клику на картинке в центре, она должна занимать всю ширину 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> подскажите, пожалуйста что делать.
  11. Шрифт покрупнее чуток. А то сливается.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy