Подскажите, как выровнять картинки по вертикали в списке li?

[VashMaster]

Необходимо картинки разных размеров в теге li, выровнять по высоте, чтобы было красиво Но ничего не получается.

Был уверен, что всё должно быть просто). Уже запарился, неужели в li не работает vertical-align: middle; ?

Проблему можно увидеть на сайте, например, в описании товара: http://www.foto-cam.ru/catalog/videokamery...110e-black.html

на странице описания товара есть куча превьюшек разных размеров, но все они не более, чем 100 на 100.

Я в li задал, чтобы этот элемент был размером 100 на 100, с рамкой. Вроде смотрится отлично), но один косяк мне не нравится. Не могу выровнять в этих li сами фотки по вертикали, думаю, так вообще смотрелось бы чтонадо.

Если нетрудно, может, кто подсказать, получится ли просто стилями решить эту проблему? Менять в вёрстке не хотелось бы ничего. Неужели vertical-align: middle; не прокатит?

Подобную же тему поднял здесь, но и там простое решение пока не нашли.

Edited November 24, 2010 by VashMaster

[panig]

Не могу подсказать как сделать это стилями, но только хочу спросить, почему нельзя сделать их перед загрузкой 100x100 и выровнять как нужно?

Тем более, что активная область ссылки будет лучше, по-моему, как раз 100x100.

[Great Rash]

http://forum.htmlbook.ru/index.php?showtopic=19320

[eyexal]

vertical-align: middle; - применяется для табличных и инлайновых элементов

для li скажи - display:table-cell; vertical-align:middle; но проверь что бы у li небыло overflow:hidden;

данный метод не поддерживает ie6,ie7

Edited November 24, 2010 by eyexal

[VashMaster]

Ребята, спасибо за советы. eyexal близок к истине оказался. Проблему удалось решить этим подходом, а для IE пишется специальный экспрешн, тоже срабатывает. Решение дублировать не буду, его можно осмыслить в этой ветке

Смысл решения в том, что в li пишется div с display:table-cell; и размерами.

А в этом диве тег a, для него уже прописывается вот это

display:table-cell;

vertical-align: middle;

Работает).

Edited November 24, 2010 by VashMaster