Центрирование картинок по вертикали

[nomak11]

Добрый день. Помогите отцентрировать фото по вертикали Для просмотра ссылки Войди или Зарегистрируйся Нужно, чтобы фото автоматически становилась в центре рамки, а не прилипала к верхнему краю.

 

[BaBL]

Вам мешает вот это:

html, body, div, span, h1, h2, h3, h4, h5, h6, p, a, em, font, img, strong, b, u, i, sup, sub, center, dl, dt, dd, ol, ul, li, form, label, table, tbody, tfoot, thead, tr, th, td {
vertical-align: baseline;

на самой картинке, сделайте middle (но только для картинки или картинки в определенном блоке, иначе все поедет)

и задайте тэгу "a" или li нормальный height и равный ему line-height.

К примеру:

li a {
height: 210px;
line-height: 210px;
}

и картинки отцентрируются.

Но я бы сделал по другому. Лучше в тэг Li поставить бэкграундом картинку с настройками background-position: center center;

 

[ZOLK]

Добрый день. Помогите отцентрировать фото по вертикали Для просмотра ссылки Войди или Зарегистрируйся Нужно, чтобы фото автоматически становилась в центре рамки, а не прилипала к верхнему краю.

В sigplus.min.css 2 строка в div.sigplus-gallery > ul > li
меняете height: 200px;
меняете display: table;
добавляете float: left;

В template.css 124 строка .art-postcontent a, .art-postcontent a:link
Добавляете
display: table-cell;
vertical-align: middle;


Еще у вас лого съехал, чтобы вернуть его в template.css на 465 строке в .art-header {
Удалите строчку background-position: center top;

Можно еще меню по вертикали выровнять, в том же файле на 504 строке в .art-nav { добавьте
top: 17px;

 

[Krox]

margin: auto;
position: absolute;
top: 0; left: 0; bottom: 0; right: 0;