Сайты - по стандартам, но не стандартные сайты!
Страниц: 1
Никак не получается разместить картинку по центру. Вот так выглядит 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;
}На данный момент картинка "отцентрована" по горизонтали, но по вертикали не получается вообще. И что больше всего мне не нравится - это выглядит так как будто ссылка выравнивается относительно картинки, хотя должно быть наоборот.
Ну, с таким кодом это выглядит так:
Нет на форуме
vertical-align:middle пробовал?
Нет на форуме
Да, но это свойство у меня так и не заработало. Вернее, оно срабатывало вроде бы(когда менял свойство display), но при этом слетало все остальное. Просто странно как-то - CSS3 уже есть, а вертикального выравнивания в блоках до сих пор нет...
Нет на форуме
Страниц: 1