anipriev

Вообще пробовал для ссылок display:table-cell; vertical-align:middle;. Если в блоке оставить только одну ссылку с картинкой, то картинка выравнивается по вертикали. Но у меня в блоке находятся несколько ссылок с картинками и скрипт отображает их по очереди, и почему-то картинка по вертикали не выравнивается. Я думаю что это скрипт прижимает картинку к верхнему краю.

Я тут разобрался немного. Дело в том что у меня в блоке работает скрипт который плавно меняет картинки. Видимо он и не дает центрировать картинку по вертикали. Если просто одну картинку в ссылку прописать то всё получается.

Пробовал применять к блоку-родителю display: table; Не помогает. Вот ссылка на сайт http://dedal-agro.ru. На главной странице ссылка 300х300 px. В ней картинка. Картинка не всегда может быть квадратной, поэтому и хочется чтобы она отображалась по центру ссылки.

Добрый день. Никак не могу решить проблему вертикального выравнивания картинки в ссылке. HTML код: <div class="portf"> <a href="#"><img src="../userfiles/tovaryimg/1.png" alt="" /></a> </div>CSS код: .portf{ text-align:center; border:2px solid #0F0; margin:50px 0 10px 20px;}.portf a { border:2px solid #FFF7AF; width:300px; height:300px; }.portf a img{ width:250px;}Пробовал применить к .portf a свойство display:table-cell; vertical-align:middle; Не выравнивается картинка по вертикали. Помогите решить проблему.