Сайты - по стандартам, но не стандартные сайты!
Страниц: 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