Дизайн и Верстка > Всё о Html

Ссылки в виде блоков/"ячеек"

<< < (2/2)

Xander:
Ура-ура-ура!!!
пример кода - в студию, на радость грядущим поколениям.

(в опере моей любимой такуие псевдоссылки работают через пень-колоду, поисковики их наверняка не индексируют..один вред в общем)

ice_nugget:
вот как я конкретно сделал:

css:

.link {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #437EA3;
   height: 18px;
   background-color: #F7F7F7;
   margin: 2px;
   padding: 2px;
   display:block;
   line-height:100%;
}
A.link:hover {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 10px;
   font-weight: bold;
   color: #F7F7F7;
   height: 18px;
   background-color: #34a0e0;
   margin: 2px;
   padding: 2px;
   display:block;
   line-height:100%;
}

в html: < a href="#" class="lnk_menu">Link

для вертикального меню главное:
display:block;
line-height:100%;

для горизонтального:
display:block;
float:left;

взято тут

Навигация

[0] Главная страница сообщений

[*] Предыдущая страница