Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: ice_nugget от 16 Сентября 2005, 17:56:23

Название: Ссылки в виде блоков/"ячеек"
Отправлено: ice_nugget от 16 Сентября 2005, 17:56:23

на сайте использую ссылки через

Название: ссылки в виде прямоугльников (как правильно)
Отправлено: Kettel от 16 Сентября 2005, 21:27:23

Попробуй
onClick="document.location.href=\'blablabla.asp\';"

Не обещаю, что поможет, но попробовать ИМХО стоит.

Название: ссылки в виде прямоугльников (как правильно)
Отправлено: Xander от 17 Сентября 2005, 02:21:10

ice_nugget
и ты, Брут?

Извращение это. Лучше б A.block в styles переопределил...

Название: ссылки в виде прямоугльников (как правильно)
Отправлено: ice_nugget от 17 Сентября 2005, 19:14:44

Kettel
пробовал.. по моему проблема не там..

Xander
а можно по подробнее? где то я про это недавно читал

Название: ссылки в виде прямоугльников (как правильно)
Отправлено: ice_nugget от 18 Сентября 2005, 14:32:25

Xander
гы! нашел, крутая штука, буду теперь все переделывать ))

Название: ссылки в виде прямоугльников (как правильно)
Отправлено: Xander от 18 Сентября 2005, 21:30:20

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

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

Название: ссылки в виде прямоугльников (как правильно)
Отправлено: ice_nugget от 19 Сентября 2005, 11:05:05

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

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;

взято тут (http://htmlcoder.visions.ru/CSS/?17)