Форум hotibo.ru

Сайты - по стандартам, но не стандартные сайты!






#1 04.04.2014 17:49

Tander
Новичок
Зарегистрирован: 04.04.2014
Сообщений: 2

Как отцентровать картинку неизвестных размеров внутри блока?

Никак не получается разместить картинку по центру. Вот так выглядит HTML:

Код:




(и таких несколько десятков)

А вот мой текущий CSS-код:

Код:

/* Галлерея */
a.gallery {
    border: 1px solid gray; /*Стиль рамки */
    background-color: #f6f6f6;  /*Фоновый цвет ячейки*/
    width: 230px; /*Ширина ячейки*/
    height: 230px;
    padding: 5px;
    margin: 5px; /*Ширина отступов*/
    display: inline-block;
    text-align:center;
}
img.gallery {
    max-width: 230px; /* Ширина картинки*/
    max-height: 230px;
    height: auto;
    width:auto;
    border: 0px;
}

На данный момент картинка "отцентрована" по горизонтали, но по вертикали не получается вообще. И что больше всего мне не нравится - это выглядит так как будто ссылка выравнивается относительно картинки, хотя должно быть наоборот.
Ну, с таким кодом это выглядит так:

http://s56.radikal.ru/i154/1004/ca/d4092e08bc4et.jpg

Нет на форуме

 

#2 05.04.2014 18:30

bitmag
Новичок
Зарегистрирован: 03.04.2014
Сообщений: 4

Re: Как отцентровать картинку неизвестных размеров внутри блока?

vertical-align:middle пробовал?

Нет на форуме

 

#3 06.04.2014 00:54

Tander
Новичок
Зарегистрирован: 04.04.2014
Сообщений: 2

Re: Как отцентровать картинку неизвестных размеров внутри блока?

Да, но это свойство у меня так и не заработало. Вернее, оно срабатывало вроде бы(когда менял свойство display), но при этом слетало все остальное. Просто странно как-то - CSS3 уже есть, а вертикального выравнивания в блоках до сих пор нет...

Нет на форуме

 

Board footer