Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Стили (CSS) » помогите переделать speedbar

помогите переделать speedbar


     14.01.2013    speedbar    Все вопросы » Стили (CSS)    3524

вопрос
Здравствуйте, помогите переделать speedbar, изначально он обрезал строку
overflow:hidden;
я переделал что-бы показывался весь текст, но теперь стало некрасиво когда одна строчка
помогите переделать speedbar

а вот так когда 2
помогите переделать speedbar

Подскажите как сделать что-бы при одной строчки выравнивалось в центре по вертикали, а при двух тоже ровно растягивалось по вертикали.
Вот исходный код:
/* Спидбар */
.speedbox .dbg{height:36px; background:url(../images/speedboxbg.gif) repeat-x;}
.speedbox .dleft, .speedbox .dright{background:url(../images/speedboxsides.gif) no-repeat; height:36px;}
.speedbox .dright{background-position:100% -36px;}
.speedbar, .speedbar a{line-height:34px; color:#FFFFFF;} .speedbar a:hover{color:#FFFFFF; text-decoration: underline;}
.speedbar{padding-left:40px; padding-right:15px; height:36px; overflow:hidden;}

Ответа пока нет


2 комментария

ПафНутиЙ
Админ

ПафНутиЙ - 14 января 2013 19:38 -

Самый простой способ - заключить спидбар в таблицу с вертикальным выравниванием по середине, или аналог на css, используя свойства display: table и table-cell

Каков вопрос - таков и ответ. Просто помните об этом.

olleg
Юзер

olleg - 14 января 2013 21:44 -

А вот так нормально будет? не перебор? поставил вроде нормально.
.speedbar, .speedbar a{line-height:18px; color:#FFFFFF;} .speedbar a:hover{color:#FFFFFF; text-decoration: underline;}
.speedbar{padding-left:40px; padding-right:15px; height:36px; display: inline-block; vertical-align:  middle; display: table-cell; overflow:visible;}

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх