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

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

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

Автор: ДМИТРИЙюрьевич 20.10.2006, 15:39

Нужно сделать несколько стилей для ссылок.... Я умею делать только один.

Код


A:link {
    COLOR: black; TEXT-DECORATION: none
}
A:visited {
    COLOR: black; TEXT-DECORATION: none
}
A:hover {
    COLOR: black; TEXT-DECORATION: none
}

Как сделать больше одного? smile

Автор: Illuminaty 20.10.2006, 15:45

Код

a.style1 {
    color: red;
    text-decoration: none;
}
a.style2 {
    color: green;
    text-decoration: overline;
}

Код

<a href="#" class="style1">Стиль1</a><a href="#" class="style2">Стиль2</a>

Автор: ДМИТРИЙюрьевич 20.10.2006, 15:52

Хм.... Это понятно. Как сделать так?

Код


<html>
<head>
    <title>Untitled</title>
<style type="text/css">
.menua A:hover {COLOR: #0066CC; TEXT-DECORATION: none}
.menub A:hover {COLOR: #ffffff; TEXT-DECORATION: none}
</style>    
</head>

<body>

<a href="onas.html" class="menua">Î íàñ</a>
<a href="onas.html" class="menub">Î íàñ</a>
</body>
</html>

Только, что-бы работало. smile

Автор: Illuminaty 20.10.2006, 16:01

Код

a.style1 {
    color: red;
    text-decoration: none;
}
a.style2 {
    color: green;
    text-decoration: overline;
}
a:hover.style1 {
    color: black;
    text-decoration: underline;
}
a:hover.style2 {
    color: blue;
    text-decoration: line-through;
}

Автор: ДМИТРИЙюрьевич 20.10.2006, 17:19

Спасибо.