alexshvarts

СПС! Просто мало практики, буду оттачивать скилы дальше ) зы: всё-таки добавлю - круто свёрстано )

В общем, к сожалению, никакого работающего решения кроме УГ, который приведу чуть ниже, я для себя не нашёл. Однако, в моём способе, действительно становится актуален вопрос - а оправданы ли здесь окажутся стили, таблицами эту часть каталога сверстать получится гараздо проще ) в общем, как я это сделал (если по отношению к исходному примеру): .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 на один горизонтальный ряд галереи, пожалуйста предлагайте решения )

Однако, всё-таки, прийдётся уточнить для моего конкретного случая - этот приём хорош, когда у нас отсутствует "подкладка" так сказать, которая в нашем примере одинакового размера, является блоком (хотя, блок ли это или инлайн, если всё будет отображаться как надо - мну глубоко фиолетово и несёт некий бэкграунд для самой картинки. Чуть перерисую пример, что б было понятней: Вот как-то так должна выглядеть эта часть сайта. Если не использовать подкладки, то всё отображается замечательно (картинки центрируются по вертикали) однако, какой элемент можно использовать в этом случае для подкладки, не совсем понятно, так как только стоит задать ширину/высоту для этого inline-block элемента (или другого, его чайлд) как снова все картинки прижимаются к верхней части родителя, а про плавающую модель я вообще молчу. То есть, нужно добиться примерной визуальной имитации того, что как-бы .child в этом случае является фоном-подкладкой у которых везде высота одинаковая, но разумеется, для каждой конкретной картинки с разной высотой, его высота будет меняться, и если задать ему height явно, то суть решения со 100% высотой, теряет смысл для этого конкретного случая. В общем, если кто-нибудь знает, как это решается, судавольствием вас послушаю )

мда, спасибо, помогло снова пересмотреть некоторые идеологии пассов с блоками и инлайнами )

потёрто

приветствую собственно, столкнулся с проблемой вертикального центрирования картинок внутри блока, в случае вёрстки элементарной галереи. В общем, дабы не быть голословным, сразу покажу, что я именно имею ввиду: На этом изображении, на части Рис. 2 образно приведено то, что должно получиться в этоге, на Рис. 1 - то, что получается, когда я пытаюсь сверстать этот участок всеми мне известными способами) Здесь Подкладка - это блок, возможно с неким бэкграундом, Картинки - собственно картинки в неких других инлайн или блочных элементах. Рис. 2, показыват, как мне нужно сверстать эту часть - блоки подкладки одинаковой ширины и высоты с равными отступами расположены на части галереи, и внутри них расположены картинки - выровненные вертикально по-центру. Условие также отягощяется ещё и тем, что все картинки могут иметь различную высоту, и их нужно центрировать по-вертикали. Покажите пожалуйста пример (или дайте ссылку) где реализована подобная вёрстка. Спасибо.