Стиль ссылки

[212th]

Как сделать так:

Я нахожусь на главной странице, и в меню выделена этим стилем ссылка ведущая на главную.

Если я нахожусь в новостях, то выделена ссылка в меню ведущая в новости.

Спасибо.

[Vlad]

К текущей ссылке добавляйте класс active и для него в стилях указывайте оформление.

[rus]

К текущей ссылке добавляйте класс active и для него в стилях указывайте оформление.

это не просто, и на css не видел реально рабочего примера, иначе зачем тогда все извращаются на php или js?

я попробовал один раз проверил то что везде пишут что мол надо в правильном порядке ставить: a:active - visite, link и hover, но нифига не вышло.

[Vlad]

Я подразумевал делать так — <a class="active">, вместо active можно другое слово использовать. Рус, ты перепутал с псевдоклассом, про него речь не шла.

[212th]

Не работает..

Я подразумевал делать так — <a class="active">

Так не получится.. Думаю, понятно почему..

[Vlad]

Нет, не понятно. Поясните.

[Skrrg]

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

ul#topnav li, a:link, a:visited { 
	color: #000; 
	background-color: #fff;
	}	

когда на ссылку наводишь курсор

ul#topnav li, a:hover {
	color: #fff;
	background-color: #940000;
	}

и когда я уже нахожусь по адресу ссылки то фон ссылки приобретает зеленый фон но как это сделать ?

[buddah]

с помощью JavaScript.

[ShumNo]

Для этого на активной странице у ссылки должен быть другой класс (отличный от неактивной ссылки)

Средствами html/css подмена класса для активной страницы не решается

[Golgi]

Живой пример

<li class="current_page_item_two"><a href="#">Главная</a></li>

<li><a href="#">О нас</a></li>

<li><a href="#">Портфолио</a></li>

<li><a href="#">Контакты</a></li>

<li><a href="#">Отзывы</a></li>

.current_page_item_two {background: #ccceee;}

li a {bacground: #ffffff}

li a: hover [} и т.п.

[Skrrg]

с помощью JavaScript.

А есть ссылка на этот js, или урок как это сделать ?

[mishka]

с помощью JavaScript.

Причем тут скрипт?

Как ты с помощью JS узнаешь на какой страничке находишся? Класс на бади добавишь? Так тогда проще уже сразу на линку.

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

[sigma77]

с помощью JavaScript.

Причем тут скрипт?

Как ты с помощью JS узнаешь на какой страничке находишся? Класс на бади добавишь? Так тогда проще уже сразу на линку.

Можно же из url узнать... document.location.pathname, например.

Но, если все страницы статичны, то лучше, конечно класс.

Edited July 4, 2011 by sigma77

[mishka]

Да, я про это и не подумал.

Тогда можно и JS, чтобы код меню был везде одинаковый.

[Skrrg]

я верстаю шаблон под DLE и там css общий для всех страниц, я так понимаю что единствиным выход это сделать только через js ?!

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

[sigma77]

я верстаю шаблон под DLE и там css общий для всех страниц, я так понимаю что единствиным выход это сделать только через js ?!

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

Ну если DLE, то тогда лучше использовать средства php или самого движка, если такие есть. Но тут уже другие специалисты подскажут, либо сами можете в сети поискать.