Вертикальное выравнивание картинки

[d0ublezer0]

Привет.

Если раньше меня спасало line-height, то в этом случае почему-то не работает.

Ссыль

В дополнительных картинках видно, что изображение прибито к верху.

Посоветуйте?

[wildhind]

а традиционный вариант с display: table-cell?

[d0ublezer0]

а традиционный вариант с display: table-cell?

table-cell и float:left вместе не работают.

А влепить туда еще и список - можно, но хочу без дополнитльных элементов попробовать. Если нельзя, то придется так делать.

[alexandr_v-vich]

Про какую картинку речь?

[SelenIT]

Float и любое вертикальное выравнивание вместе не работают, к сожалению. float-ы всегда всплывают вверх.

К чему вообще там этот float? Оставить картинки инлайнами (как они по дефолту есть) да vertical-align:middle, в любом IE не подведет...

[wildhind]

а традиционный вариант с display: table-cell?

table-cell и float:left вместе не работают.

естественно. float: left же автоматом устанавливает display: block.

Но зачем вообще нужен float? Чтобы выстроить элементы горизонтально?

при display: table-cell они тоже так встанут.

Или же display: inline-block — чем не вариант?

[alexandr_v-vich]

Никого не затруднит ответить на мой вопрос выше?

[SelenIT]

Я понял так, что про ряд квадратиков слева от кнопки "Ask a question about this product".

[wildhind]

Никого не затруднит ответить на мой вопрос выше?

а вот:

Ссыль

В дополнительных картинках видно, что изображение прибито к верху.

[alexandr_v-vich]

.

Я понял так, что про ряд квадратиков слева от кнопки "Ask a question about this product".

В дополнительных картинках видно, что изображение прибито к верху.

Речь, я думаю про одну картинку идёт....не?

wildhind, не затруднит дать ссылку на саму картинку? ))

Edited March 20, 2012 by alexandr_v-vich

[Svatov]

Или же display: inline-block — чем не вариант?

Попробуйте, увидите в чем там проблема...

Alexsandr

Фон убрал

Edited March 20, 2012 by Svatov

[alexandr_v-vich]

Svatov, благодарю =)). А у вас, кстати как выравненно?

Edited March 20, 2012 by alexandr_v-vich

[Svatov]

Там я просто добавил img: vertical-align:middle; и убрал в <a> float:left; но задача то в другом..нужно тоже самое сделать только с учетом блочности у ссылки.

А задача решается через display:table-cell, или же добавить дополнительные обертки.

[d0ublezer0]

Там я просто добавил img: vertical-align:middle; и убрал в <a> float:left; но задача то в другом..нужно тоже самое сделать только с учетом блочности у ссылки.

А задача решается через display:table-cell, или же добавить дополнительные обертки.

То ли я дурак, то ли одно из трех.

При display:table-cell; не применяется margin и те картинки, которые не убираются в одну строку, не переносятся на следующую.

Значит буду делать с оберткой.