Jump to content

alexshvarts

Newbie
  • Posts

    6
  • Joined

  • Last visited

alexshvarts's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. СПС! Просто мало практики, буду оттачивать скилы дальше ) зы: всё-таки добавлю - круто свёрстано )
  2. В общем, к сожалению, никакого работающего решения кроме УГ, который приведу чуть ниже, я для себя не нашёл. Однако, в моём способе, действительно становится актуален вопрос - а оправданы ли здесь окажутся стили, таблицами эту часть каталога сверстать получится гараздо проще ) в общем, как я это сделал (если по отношению к исходному примеру): .parent { margin: 0 auto; text-align: center; border: red 1px dotted; [b]float: left; height: 300px;[/b] /*высота всех подкладок-бэкграундов*/ background: #6F9; /*Просто для проверки... этот бэкграунд и есть та самая подкладка, вместо цвета юзаем картинку и т.д.*/ } далее начинается настоящая дивиантность блин <div class="parent"> <!-- первая картинка с подкладкой --> <div class="child"> <a href="#"><img src="deps/teachers1.jpg" /></a> </div> <div class="helper"></div> </div> <div class="parent"> <!-- вторая картинка с подкладкой --> <div class="child"> <a href="#"><img src="deps/teachers2.jpg" /></a> </div> <div class="helper"></div> </div> и т.д. в общем, если кто знает, как это всё оптимизировать или использовать хотя бы один parent на один горизонтальный ряд галереи, пожалуйста предлагайте решения )
  3. Однако, всё-таки, прийдётся уточнить для моего конкретного случая - этот приём хорош, когда у нас отсутствует "подкладка" так сказать, которая в нашем примере одинакового размера, является блоком (хотя, блок ли это или инлайн, если всё будет отображаться как надо - мну глубоко фиолетово и несёт некий бэкграунд для самой картинки. Чуть перерисую пример, что б было понятней: Вот как-то так должна выглядеть эта часть сайта. Если не использовать подкладки, то всё отображается замечательно (картинки центрируются по вертикали) однако, какой элемент можно использовать в этом случае для подкладки, не совсем понятно, так как только стоит задать ширину/высоту для этого inline-block элемента (или другого, его чайлд) как снова все картинки прижимаются к верхней части родителя, а про плавающую модель я вообще молчу. То есть, нужно добиться примерной визуальной имитации того, что как-бы .child в этом случае является фоном-подкладкой у которых везде высота одинаковая, но разумеется, для каждой конкретной картинки с разной высотой, его высота будет меняться, и если задать ему height явно, то суть решения со 100% высотой, теряет смысл для этого конкретного случая. В общем, если кто-нибудь знает, как это решается, судавольствием вас послушаю )
  4. мда, спасибо, помогло снова пересмотреть некоторые идеологии пассов с блоками и инлайнами )
  5. приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части галереи, и внутри них расположены картинки - выровненные вертикально по-центру. Условие также отягощяется ещё и тем, что все картинки могут иметь различную высоту, и их нужно центрировать по-вертикали. Покажите пожалуйста пример (или дайте ссылку) где реализована подобная вёрстка. Спасибо.
×
×
  • 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