как должно работать a:active?

[Удален]
769

делаю так

.my_link:link {

color:#FFF;
text-decoration:none;
}


.my_link:active {
color:#000;
text-decoration:none;
font-weight:bold;
}


.my_link:visited {
color:#FFF;
text-decoration:none;
}


.my_link:hover {
color:#FFF;
text-decoration:underline;
}

На транице четыре линка 1,2,3,4 с классом my_link ведущие на четыре страницы. При клике по цифре "два" и переходе на вторую страницу, цифра "2" должна быть черной и полужирной. Почему этого не происходит? Она становится жирной только в момент клика. Что я делаю не так? Или это вообще не так работает?

Olldman
На сайте с 21.04.2010
Offline
79
#1

active - активная, тобишь "нажатая"

visited - "посещенная", т.е. если вы уже заходили на страницу, то в этом случае она будет отображаться как назначено правилами. У вас посещенная с такими же свойствами, что и link, а нужно:

.my_link:visited {
color:#000;
text-decoration:none;
font-weight:bold;
}
[Удален]
#2

я наверное не так объяснил.

Мне надо чтобы при клике на номер и переходе на соответсвующую страницу, в данном меню выделялся тот пункт на странице которого находится пользователь.

Т.е. при клике, к примеру, на "2", осуществлялся переход на страницу а сама цифра "два" была черная и жирная. Я думал active как раз за это и отвечает.

Abrupt
На сайте с 13.01.2011
Offline
117
#3

Вообще-то это обычно реализуется на PHP. Но есть решение и на голом HTML + CSS.

Для второй страницы в теге <body> нужно добавить id. Например, так: <body id="page2">

В тег <a> на второй паге добавить: <a href="page2" class="page2">страница 2</a>

А в таблице стилей прописать: #page2 .page2 {color:#000; font-weight: bold;}

Пример практической реализации: http://dtereeded.narod.ru

[Удален]
#4
Abrupt:


Для второй страницы в теге <body> нужно добавить id. Например, так: <body id="page2">
В тег <a> на второй паге добавить: <a href="page2" class="page2">страница 2</a>

да это понятно что так можно. а если у меня cms и меню в шаблоне, создавать для каждой странички отдельный шаблон? изврат какой-то.

Abrupt
На сайте с 13.01.2011
Offline
117
#5

Ну для CMS например вот: http://forum.antichat.ru/nextoldesttothread204208.html

А вообще, вбиваешь в гугл "выделение активной ссылки + какая там СMS".

furnaslives
На сайте с 11.01.2010
Offline
48
#6

a active - это состояние ссылки при нажатии

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

а Вам нужна другая штука

furnaslives добавил 29.01.2011 в 18:01

вот здесь нужно копать http://www.kaksozdatsait.ru/vydelenie-elementa-menyu-aktivnoj-stranice.html

Разработка приложений для android. Мои приложения и игры (https://play.google.com/store/apps/developer?id=Evgeniy) на play.google.com

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий