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

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

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

Автор: Johny_03 2.8.2008, 17:22

Добрый день! У меня такая проблемка. На странице у меня меню (ссылки) на тёмном фоне белым шрифтом. В css я прописал a:hover{color:blue} Всё было бы замечательно, если бы на этой же странице у меня небыло других ссылок. А они у меня на белом фоне. Следовательно, при наведении они становятся тоже голубые и их плохо видно. Пробовал использовать классы, но у меня почему-то не работают. Может поможете? Делать картинки с надписями меню тоже не хочется. Может можно как-то поставить запрет на изменение при наведении и т.д. на определнный текст?
Подскажите плиз, как лучше сделать, желательно с кодом.
Заранее огромнейшее спасибо!

Автор: IBS 2.8.2008, 17:32

Можно задать id (например XXX)ссылкам которые должны менять цвет таким образом и в css оращаться к ним так a#XXX :hover{color:blue}
вот пример:

Код


<style>
a#XXX :hover{color:blue}
</style>
<body>
<a href="" id="XXX">ссылка1</a>
<a href="">ссылка2</a>
</body>

Таким образом свой цвет на голубой бедет изменять только ссылка1

Автор: Johny_03 2.8.2008, 17:55

Огромное спасибо!

Автор: Iktash 3.8.2008, 15:24

Вообще странно, что классы не работают, id можно использовать только один раз, поэтому, если ссылка не одна, то нужно будет прописывать несколько разных id каждой ссылке.

Автор: IBS 3.8.2008, 15:31

Зачем, ведь всё что можно задать через class так же можно задать и через id?
Да и вообще Iktash в чём проблема, оформить ссылку как надо можно сотней способов - это не проблема smile

Автор: Iktash 3.8.2008, 15:43

Цитата(IBS @ 3.8.2008, 15:31

)

оформить ссылку как надо можно сотней способов - это не проблема

да я не спорю, просто с классами меньше кода, мне кажется smile

Автор: Johny_03 4.8.2008, 18:04

может дадите пример как это сдеать через class? А то я может не правильно делаю
Спасибо!

Автор: webster 4.8.2008, 18:53

id - это уникальный идентификатор, каждый отдельный идентификатор может соответствовать только одному элементу на странице (собственно поэтому он и уникальный).
class - можно использовать с несколькими элементами (и не обязательно однотипными) одно и то же значение. И следовательно "одним махом" изменить свойства у нескольких эелементов, а не только у одного, как в случае с id.

Автор: bars80080 4.8.2008, 20:04

через класс

Код


<style>
a.xxx:hover{color:blue}
</style>
<body>
<a href="" class="xxx">ссылка1</a>
<a href="">ссылка2</a>
<a href="" class="xxx">ссылка3</a>
<a href="" class="xxx">ссылка4</a>
<a href="" >ссылка5</a>
</body>

Автор: Ctulhy 4.8.2008, 23:20

Не могу понять почему в опере некорректно работает класс ссылок showbiz, остальное работает правильно.

}
A:link, A:visited {text-decoration:underline; color: #ffcc66;}
A:hover, A:active {text-decoration:none; color: #ffcc66;

}
A.photo:link, A.photo:active, A.photo:visited {
    text-decoration: underline; font-family:  Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 8pt;
    color:#fff;
}

A:showbiz:link, A.showbiz:visited, A.showbiz:active {
text-decoration: underline;
font-family: Tahoma, Helvetica, sans-serif;
font-size: 10px;
color: #cc9966;
}

A.showbiz:hover { text-decoration:none; color: #cc9966; }

Автор: bars80080 4.8.2008, 23:31

A:showbiz:link,

ничего не замечаешь?

кстати, здесь можно было обойтись и без :link, :visited, :hover

Автор: webster 4.8.2008, 23:33

A:showbiz - не должно быть двоеточия, только точка межту именем элемента и наименованием класса.
Сорри, bars80080 уже ответил. smile

Автор: Gold Dragon 5.8.2008, 07:36

Цитата(Ctulhy @ 5.8.2008, 00:20

)

Не могу понять почему в опере некорректно работает класс ссылок showbiz, остальное работает правильно.

а с новыми версиями всё больше не будет работать smile

Уж очень требовательна она становится к валидности