Форум Практика оптимизации Любые вопросы от новичков по оптимизации

Верстка ссылки-блока, Проблема!

marshall123
На сайте с 04.05.2008
Offline
62
marshall123
599

Версатю сейчас сайт , ссылки решил делать не картинками , а блоками , чтобы текст можно было редактировать , вот код в CSS : 

a.navmenu {

display: block;

background-image: url(images/navbut.gif);

background-repeat: repeat-x;

width:90px;

height:30px;

text-align:center;

text-decoration:none;

vertical-align: middle;

font-size: 10px;

text-transform: uppercase;

color: #dae6f0;

font-weight: bold;

padding:1px;

}

А вот в HTML: 

<a class="navmenu" href="#">Главная</a>

Проблема , собственно в том , что то , что я выделил красным в CSS коде не дает эффекта , Главная прилепает к верху , а должна быть по середине.. Как это исправить кто-нибуть знает?

Заранее спасибо!

marshall123 добавил 06.07.2008 в 20:14

Что никто не знает чтоли?

I
На сайте с 16.03.2008
Offline
31
igvadaimon
#1

vertical-align: middle нужно задавать блоку, в котором эта ссылка находится, а не самой ссылке.

Реалити блог (http://zarabotai.lv/ru/blog/) моего скромного проекта
marshall123
На сайте с 04.05.2008
Offline
62
marshall123
#2

igvadaimon,

Задал таблице , в которой она находится - не помогло :( Или может создать див ID внутри таблицы и ему задать?

marshall123 добавил 06.07.2008 в 20:23

А нет это тоже не помогает :(

Barkoff
На сайте с 17.09.2007
Offline
27
Barkoff
#3

vertical-align для div - это давняя "философская" проблема в вёрстке. Напрямую не работает, только через всевозможные костыли и уловки. А в вашем случае, имхо, стоит использовать padding-top, если речь идёт простом вертикальном выравнивании текста в блочной ссылке =)

Дизайн сайтов, вёрстка, создание сайтов «под ключ», удалённое сопровождение (http://deworks.ru/)
Портфолио (http://www.free-lance.ru/users/Deworks)
Google: качество контента это Google об использовании HTML-элемента Google: HTML-карта сайта не
marshall123
На сайте с 04.05.2008
Offline
62
marshall123
#4

Barkoff,

Уже лучше получилось , но проблема теперь в том , что сверху все отступилось , а снизу каким-то образом радвигется ФИКСИРОВАННАЯ таблица оО, сейчас скрин дам..

jpg 18121.jpg
vlasoff
На сайте с 31.08.2007
Offline
101
vlasoff
#5

line-height надо указывать в высоту блока

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