a: active - не работает

[volonter]

Доброго всем!

Подскажите, вот такой код

#menu li a:hover, #menu li a:active { color: #AF1515; background: url(../images/menu.gif) no-repeat center bottom; }

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

a:hover работает, а вот a:active - не хочет

[Игорь Ермаков]

active определяет свойства для активной ссылки, т.е для нажатой.

Вам же судя по всему нужно visited http://htmlbook.ru/css/visited.html

[mishka]

:hover

:active

:visited

это псевдоклассы.

:hover - состояние когда курсор мыши находится на елементе(наведен на елемент).

:active - состояние когда навести курсор мыши на елемент и зажать левую кнопку мыши, сохраняется до тех пор пока не отпкстить кнопку.

:visited - ссылка по которой вы уже переходили на другую страницу.

[volonter]

  Игорь Ермаков said:

active определяет свойства для активной ссылки, т.е для нажатой.

Вам же судя по всему нужно visited http://htmlbook.ru/css/visited.html

Нет, я возможно не правильно объяснил - мне нужно, что бы пользователь, нажав на ссылку в верхнем меню, и соответсвенно перейдя на другую страницу, видел где он находится

вот сайт

http://natali.rbwest.ru

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

сумбурно объяснил немного но вроде понятно))

Спасибо вам за помощь!

[Justnewone]

  volonter said:

Нет, я возможно не правильно объяснил - мне нужно, что бы пользователь, нажав на ссылку в верхнем меню, и соответсвенно перейдя на другую страницу, видел где он находится

вот сайт

http://natali.rbwest.ru

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

сумбурно объяснил немного но вроде понятно))

Спасибо вам за помощь!

на соответствующей странице оформляйте таб стилями с "главная". Руками или серверным скриптом.

[volonter]

  Justnewone said:

на соответствующей странице оформляйте таб стилями с "главная". Руками или серверным скриптом.

Страница то динамическая)) так то конечно можно было бы сделать каждой странице свой стиль и все.. вот в чем вопрос))

[Justnewone]

  volonter said:

Страница то динамическая)) так то конечно можно было бы сделать каждой странице свой стиль и все.. вот в чем вопрос))

Там где формируется дин. страница, можно внести правило что "на самой себе назначатьб блоку класс active" как вариант.

[mishka]

Это не псевдокласс, а просто класс.

Если юзер находится на какойто странице, то и тому пункту меню, которому она соответствует присваивается класс (например class="active" или class="curent-item"), он присваивается либо вручную, либо скриптом серверным(как было сказанно выше). Ну и по классу уже прописываете стили.

[volonter]

Похоже да, только скриптом можно решить это

кстати, никто не знает, каким?

[Justnewone]

  volonter said:

Похоже да, только скриптом можно решить это

кстати, никто не знает, каким?

CMS называется скрипт, любая это умеет. У Вас же чета там уже стоит.

Я лично, чтобы разобраться, поставил себе CMS и смотрел логику ее работы, потом как-то все быстрее усваивал.

[rus]

А по моему, что бы работало актив для ссылки нужно в правильной последовательности записать:

a:link

a:hover

a:active

a:visited

Только я не помню в какой именно последовательности...

[Clayton]

  rus said:

А по моему, что бы работало актив для ссылки нужно в правильной последовательности записать:

a:link

a:hover

a:active

a:visited

Только я не помню в какой именно последовательности...

Точно!

Вот в такой

a:link

a:visited

a:hover

a:active

[rus]

Только наверное что бы не срабатывал "как надо" визитед, нужно его записать таким же цветом как и а:линк.

[Clayton]

Наскока мне память не изменяет, можно visited не указывать просто, тогда в любом состоянии кроме hover и active будет цвет от link и т.д. если убрать, active например.

А не, не так, просто указываем вместо

a:link

a {цвет и т.п.}

вот тогда действует вышеуказанное правило.

[Justnewone]

Господа, вы уверены что именно про это вопрос или просто "пишу че знаю"? =)

[rus]

  Justnewone said:

Господа, вы уверены что именно про это вопрос или просто "пишу че знаю"? =)

  Quote

нужно что бы при наведении на ссылку и при нажатии на нее был один и тот же рисунок

[Justnewone]

и теперь чуть ниже...

  Quote

Нет, я возможно не правильно объяснил - мне нужно, что бы пользователь, нажав на ссылку в верхнем меню, и соответсвенно перейдя на другую страницу, видел где он находится

[rus]

  Justnewone said:

и теперь чуть ниже...

Ну и...? Все правильно же.

Короче, пусть автор сам скажет, а то опять начнутся баталии.

[volonter]

  rus said:

Ну и...? Все правильно же.

Короче, пусть автор сам скажет, а то опять начнутся баталии.

Парни, спасибо за участие вам!! По поводу того что мне собственно нужно реализовать, на всякий случай повторяю, потому что сообразил что вобщем то я тему не правильно указал.

Active тут не при чем, в этом я уже разобрался

вот код

#menu li a:hover, #menu li a:active { color: #AF1515; background: url(../images/menu.gif) no-repeat center bottom; }

из него понятно, что при наведении курсора на пункт меню, срабатывает hover с изображением url(../images/menu.gif) no-repeat center bottom;

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

[rus]

  volonter said:

Active тут не при чем, в этом я уже разобрался

Ни фига вы не разобрались и тем более не поняли.

[volonter]

  rus said:

Ни фига вы не разобрались и тем более не поняли.

Может быть, тогда как решить этот момент?

Я же не претендую на профессионализм, я только учусь))

[Searcher]

Нужно создать новый стиль для пункта меню, который вы хотите чтобы выглядел текущим. Указать в этом стиле те же параметры, что и в hover. И прописать этот стиль соответствующему пункту на соответствующей странице.

[volonter]

  Searcher said:

Нужно создать новый стиль для пункта меню, который вы хотите чтобы выглядел текущим. Указать в этом стиле те же параметры, что и в hover. И прописать этот стиль соответствующему пункту на соответствующей странице.

я уже отвечал на этот вопрос - страница динамическая!!! у меня один index.php на все страницы

[Justnewone]

  volonter said:

я уже отвечал на этот вопрос - страница динамическая!!! у меня один index.php на все страницы

Ну тупик так тупик, чем мы тогда можем помочь?

Уже описано выше что и как надо делать.

[volonter]

Вот пример где это работает

http://www.rbwest.ru/

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

я смотрел как это реализовано в том шаблоне

a (линия 54)

{

color: #006699;

text-decoration: underline;

}

a:hover, a:active, a:focus (линия 59)

{

color: #333333;

text-decoration: underline;

}

a:hover, a:active, a:focus (линия 59)

{

color: #333333;

text-decoration: underline;

ul.menu li a:hover, ul.menu li a:active, ul.menu li a:focus (линия 357)

{

background-color: #f6f6f6;

}

делаю так же, изменений ноль и пропадает еще и картинка при наведении

[Searcher]

  volonter said:

я уже отвечал на этот вопрос - страница динамическая!!! у меня один index.php на все страницы

index.php - это не страница, это скрипт, который генерирует страницы. А в вашей ситуации вообще проблем нет. При генерации в index.php к соответствующему пункту меню добавляется класс, который делает этот пункт меню не таким как все остальные. И псевдоклассы здесь не причем.