многострочная блочная ссылка, вертикальное выравнивание

[mitay]

Как выровнять по вертикали по центру многострочную блочную ссылку?

Хочется чтобы выглядело красиво и по ховер цвет фона менялся.

line-hight в высоту блока не подходит, т.к. строчек больше одной

[Modestes]

к блоку где лежит ссылка примени

display: table-cell;

vertical-align: middle;

Edited June 4, 2012 by Modestes

[mitay]

это работает с простым текстом и простыми ссылками

пробовал

у ссылки display: block перекрывает display: table-cell контейнера

[Modestes]

зачем ссылке задавать дисплей блок? она и так блочная

у меня все работает

или может я вас не понял.

выложите код и пример как должно быть

[mitay]

поняли правильно, только в случае многострочной ссылки получается бяка

я так понимаю чтобы такой бяки не получалось нуно давать ссылке display: block, или нет?

устроит любой вариант чтобы текст ссылки был по центру блока по вертикали и чтобы при наведении фон блока менялся

и ещё, блоков таких много, текста в каждой ссылке разное количество, не хотелось бы каждый блок вручную подгонять под одинаковые размеры, нужно универсальное решение

Edited June 4, 2012 by mitay

[Catherine]

А если так?

[Modestes]

поняли правильно, только в случае многострочной ссылки получается бяка

я так понимаю чтобы такой бяки не получалось нуно давать ссылке display: block, или нет?

Нет, не блок а display:inline-block; к сылке, вот

Опередили)

Edited June 4, 2012 by Modestes

[mitay]

А если так?

при этом фон меняется только под текстом, надо у всего блока

display:inline-block; к сылке, вот

так блок растет в размерах, надо паддинги для каждой ссылки подбирать, у меня их много, надо универсальное решение

[Catherine]

так?

[mitay]

Похоже что да, спасибо!

Только не знаете возможно это вписать в блок с радиусом у бордера?

пока не получается

в случае с display: block у ссылки - получалось, только текст не в середине

на jsfiddle.net и с блоком не получается, на денвере с блоком в радиусы фон корректно ложится

Edited June 4, 2012 by mitay

[mitay]

создать отдельную тему для усложнения задачи?

[Catherine]

А почему бы блоку-родителю не задать overflow: hidden? ссылка

Или что мешает скруглять углы и у самой ссылки тоже? вариант

[alexforce2]

Нужно добавить border-radius: 14px; в свойство div a:hover

[mitay]

да, спасибо, у меня проблема была в другом,

все эти контейнеры со ссылками находятся в таблице cellspacing у которой был 5, и ссылка отступала от контейнера, сделал 0 - всё ок

на симуляторе воссоздать не удалось