Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Стили ссылок

Автор: Osrus 9.3.2007, 19:41

Подскажите, как оформить разные стили ссылок.
Допустим есть стиль для всего документа:

Код


A {font-family: Verdana, Geneva, Arial, helvetica, sans-serif; font-size:8pt; color:#000000; font-weight:bold;
}
A:Visited  {font-size:8pt; color:#000000; font-weight:bold;
}
A:Active  {font-size:8pt; color:#000000; font-weight:bold;
}
A:Hover  {font-size:8pt;  color:#51493A; font-weight:bold;     
}

Нужно офоромит только одну ссылку, допустим, без выделения ее полужирным и сделать ее другого цвета.

Автор: repa 9.3.2007, 19:52

в файл стиля дописываешь следующее:

Код


#link {color:#ff3344; text-decoration:none; font:bold 8pt Verdana, Geneva, Arial, helvetica, sans-serif;}

а в коду пишешь так:

Код


<a id="link" href="#">ссылка</a>

вроде так.

Автор: abalich 10.3.2007, 01:30

создаешь файл style.css
и пмшешь в нем

Код


A.mainlevel:link {
    BACKGROUND-POSITION: left 50%; COLOR: #FFFFFF; TEXT-ALIGN: left
}
A.mainlevel:visited {
    BACKGROUND-POSITION: left 50%; COLOR: #FFFFFF; TEXT-ALIGN: left
}
A.mainlevel:hover {
    BACKGROUND-POSITION: left 50%; COLOR: #FF0000; TEXT-ALIGN: left
}

Код


<head>
<link href="Путь/style.css" type="text/css" rel="stylesheet" />
</head>
<body>
<a href="#null class = "mainlevel">Ссылка</a>
</body>

Автор: korisarimi 11.3.2007, 18:58

Советую почитать мануал по CSS:
http://wdh.suncloud.ru/css01.htm