Как выровнять картинки по вертикали в списке li ?

Извиняюсь, неправильно сказал...

Ну вот, я и не заметил. Иногда это лучше, чем ничего(.

Показалось, что вопрос у меня простой, но, видимо, я тоже ошибся)

display: teble-cell; vertical-align: middle; 

+ шаманство с IE ниже 8 версии.

Сейчас в стиле у li прописано:

это точно сработает?)

DyaDya добавил 24.11.2010 в 17:29

Делал так, не прокатило(. Ничего не изменялось в выводе.

DyaDya добавил 24.11.2010 в 17:37

Решил всё-таки добавить в li дополнительный вложенный тег div. Прописал для него высоту/ширину, но даже для div выравнивание по высоте не пашет(

p.s. браузер ФФ.

Сори. С ошибкой написал.

Вот так надо:

display: table-cell; vertical-align: middle;

Интересно как вы хотите выровнять по высоте рисунок, размером 100х100, в элементе, размером 100х100?

Где вы такой рисунок увидели?

Да, извиняюсь, сразу не посмотрел ширину у рис.5

А для того, чтобы работало вертикальное выравнивание, назначьте высоту строки.

Например:

line-height:150px;vertical-align:middle;

С шириной то как раз проблемы пока нет. А вот по высоте картинки разные, поэтому хочется, чтобы они были хотя бы выровнены по центру высоты. Так покультурнее, вроде, смотрится.

Ошибку я заметил, поправлял на table-cell, не помогло это(

DyaDya добавил 24.11.2010 в 18:47

Идея неплохая, но что-то тоже не прокатывает.

ul{list-style:none;}

li{width:102px;height:100px;margin:0px 4px 4px 0px;border:1px solid gray;float:left;text-align:center;line-height:150px;vertical-align:middle;}

</style>

<!--[if IE]>

<style type="text/css">

li{line-height:100px;}

</style>

<![endif]-->