Не работает a:active хотя вроде все учел!

[kireyev]

HTML:

<div id="menu1" class="left"><a href="index.php"></a></div>

CSS:

 #menu1 a {
 display: block;
 height: 20px;
 width: 59px;
 background: url("images/menu1.jpg") 0 0 no-repeat;
 }
 #menu1 a:hover {
 background: url("images/menu1.jpg") -59px 0 no-repeat;
 }
 #menu1 a:active {
 background: url("images/menu1.jpg") -118px 0 no-repeat;
 }

Все прекрасно, только a:active не срабатывает! Что может быть?

Если рассуждать, что дело в a:visited, то вроде как это описано тут: #menu1 a {...} и к тому же a:active сидит ниже всех...

Затем попробовал так:

 #menu1 a {
 display: block;
 height: 20px;
 width: 59px;
 background: url("images/menu1.jpg") 0 0 no-repeat;
 }
 #menu1 a:visited {
 background: url("images/menu1.jpg") -100px 0 no-repeat;
 }
 #menu1 a:hover {
 background: url("images/menu1.jpg") -59px 0 no-repeat;
 }
 #menu1 a:active {
 background: url("images/menu1.jpg") -118px 0 no-repeat;
 }

Теперь когда у меня ссылка активна - она отображается как посещенная (visited). Как быть-то?

[Mordraug]

попробуйте в таблице стилей поместить объявление a:active до a:visited

[kireyev]

попробуйте в таблице стилей поместить объявление a:active до a:visited

Не помогло!

[Pavel_html]

скажи как у тебя для одного дива сразу и класс и индефикатор?

[Pavel_html]

может в этом и ошибка?

[kireyev]

скажи как у тебя для одного дива сразу и класс и индефикатор?

Для конечного дива (т.е. там где находится ссылка и картинка) у меня только идентификатор

[Pavel_html]

я про это говорю

[kireyev]

я про это говорю

для class="left" у меня просто:

 .left {
 float: left;
 }

[Pavel_html]

А ничего что для одного дива и id и class?

[kireyev]

А ничего что для одного дива и id и class?

даже не знаю... а вы как думаете?

В принципе можно убрать, не проблема, но что это изменит?

[kireyev]

Короче читайте manual!

Я смотрел тут http://www.codenet.ru/webmast/css2/selecto...-pseudo-classes

Цитирую: "Псевдокласс :active применяется, когда элемент активизируется пользователем. Например, между моментами, когда пользователь нажимает кнопку мыши и отпускает ее."

Исходя из прочитанного сделал так:

<div <? if ($_SERVER['PHP_SELF'] == "/uslugi.php") { ?> id="menu1_a" <? } else { ?> id="menu1" <? } ?> class="left"><a href="uslugi.php"></a></div>

и так:

 #menu1 a {
 display: block;
 height: 20px;
 width: 59px;
 background: url("images/menu1.jpg") 0 0 no-repeat;
 }
 #menu1 a:hover {
 background-position: -59px 0;
 }
 #menu1_a a {
 display: block;
 height: 20px;
 width: 59px;
 background: url("images/menu1.jpg") -118px 0 no-repeat;
 }

[afitoid]

У мня тоже не работает active, сделал как предложил kireyev

<div <? if ($_SERVER['PHP_SELF'] == "/index.html") { ?> id="portfolio_a" <? } else { ?> id="portfolio" <? } ?>>
				<a href="portfolio.html"></a>
</div>

#portfolio a {background: url(menu/portfolio.gif) 0 0;	width: 280px; height: 37px; display: block;}
#portfolio a:hover {background-position: 0 -37px;}
#portfolio_a a {background: url(menu/portfolio.gif) 0 -74 no-repeat; width: 280px; height: 37px; display: block; }

но не работает и так, может где-то ошибся, я просто в коде <? if ($_SERVER['PHP_SELF'] == "/index.html") { ?> id="portfolio_a" <? } else { ?> id="portfolio" <? } ?> не все понял.

Хочу чтоб на этом сайте http://www.parket-rabota.ru сохранялось картинка со стрелкой при клике, вот тока не догоняю как это сделать с a:active устал экспериментировать.

[Vlad]

Хочу чтоб на этом сайте http://www.parket-rabota.ru сохранялось картинка со стрелкой при клике, вот тока не догоняю как это сделать с a:active устал экспериментировать.

Картинка при клике и сохраняется. Если надо сделать, чтобы стрелка оставалась при переходе по ссылке, то active здесь не поможет.

[afitoid]

Вот не догоняю как сделать так, чтобы стрелка оставалась. Ладно, если говоришь, что active не поможет, то мозги пока в тупике.

[SelenIT]

Фокус в том, что страница, загруженная после срабатывания ссылки — уже другая страница. Со своими собственными стилями.

Для текущего пункта меню обычно заводят специальный класс. И по-хорошему он вообще не должен быть ссылкой...

[afitoid]

Для текущего пункта меню обычно заводят специальный класс. И по-хорошему он вообще не должен быть ссылкой...

Это я догоняю немного, пробую с реализацией, если получится отпишусь.

[afitoid]

Получилось УРА. Всем спасибо за советы.

#parketrab a {background: url(menu/parketrab.gif) 0 0 no-repeat;	width: 280px; height: 37px; display: block;}
#parketrab a:hover {background-position: 0 -37px;}
#parketrab #current a  {background: url(menu/parketrab.gif) 0 0 no-repeat; background-position: 0% -37px; }

<div id="parketrab">
<span id="current"><a href="index.html"></a></span>
</div>