Нужна помоoь с css

Статус
Закрыто для дальнейших ответов.

stylus83

New Member
Регистрация
05.04.2013
Сообщения
6
Добрый день, не могу разобраться... хочу сделать сами ссылки черным цветом, при наведении они должны быть красными, а при нажатии на них и при нахождении в этой категории должны быть красными, а все остальные ссылки черным

http://bebetto-nn.myjino.ru/index.php/2014-05-26-12-54-40/kombinezony
 

BaNru

Пацифизжу
Команда форума
Регистрация
13.11.2010
Сообщения
4 138
Так оно так и есть. В чем проблема?
 

Volly

Well-Known Member
Регистрация
21.03.2012
Сообщения
837
Там ещё стиль a:visited {color: .... надо указать
 

Dimon Sytnik

Новичок
Регистрация
25.07.2014
Сообщения
4
Для ссылок в css работают такие псевдоэлементы:
hover, active, visited

Чтобы указать цвет ссылки при наведении на нее мышей, код будет таким: a:hover{color:red}
Цвет ссылки при нажатии - a:active{color:red}

"при нахождении в этой категории должны быть красными[/size]", я так понимаю что Вы хотите, чтобы при нахождении пользователя на определенной странице, ссылка должна быть выделена. Это реализуется указанием определенного класса у конкретной ссылки на странице.
Чтобы было понятнее, приведу пример:

У вас есть сайт, в меню которого есть три ссылки: Главная, Контакты, Обратная связь. И, допустим, сайт состоит из 3-х html-страниц соответственно.
Значит, на главной странице html-код должен быть таким:

Код:
<ul>
<li><a href="index.html" class="active_class">Главная страница</a></li>
<li><a href="contacts.html">Главная страница</a></li>
<li><a href="feedback.html">Главная страница</a></li>
</ul>
Следовательно, на странице Контакты должен быть код
Код:
<ul>
<li><a href="index.html">Главная страница</a></li>
<li><a href="contacts.html" class="active_class">Главная страница</a></li>
<li><a href="feedback.html">Главная страница</a></li>
</ul>
Ну и на странице обратной связи:
Код:
<ul>
<li><a href="index.html">Главная страница</a></li>
<li><a href="contacts.html">Главная страница</a></li>
<li><a href="feedback.html" class="active_class">Главная страница</a></li>
</ul>
А в таблице стилей должен быть такой css-код:
Код:
a{ color:#000; }
a:hover{ color:red; }
a:active{ color:red; }
a.active_class{ color:red; }
 
Статус
Закрыто для дальнейших ответов.
Верх Низ