текущая ссылка

[MefistofeleS]

как сделать что бы выделялась текущая ссылка, та, которая сейчас открыта? можно ето сделать в css?

[ВовчиГ]

Вроде

a:active

[MefistofeleS]

Вроде

a:active

это будет показывать при нажатии и удержании

[Vlad]

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

[MefistofeleS]

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

html

<div id="left">

<ul id="navigation">
	<li><a href="index.php" class="link1 active">Главная</a></li>
	<li><a href="news.php" class="link2 active">Новости</a></li>
	<li><a href="advertisement.php" class="link3">Объявления</a></li>
	<li><a href="info.php" class="link4">Информация</a></li>
	<li><a href="schedule.php" class="link5">Расписание</a></li>
	<li><a href="photo.php" class="link6">Фотоальбом</a></li>
	<li><a href="contacts.php" class="link7">Контакты</a></li>
	<li><a href="links.php" class="link8">Ссылки</a></li>
	<li><a href="forum.php" class="link9">Форум</a></li>
</ul>

</div>

css

#navigation a{
display:block;
background:url(navigation.png);
height:47px;
text-indent:-9000px;}

#navigation a:active{
display:block;
background:url(navigation1.png);
height:47px;
text-indent:-9000px;}

#navigation a.link1:hover {background-position:-146px 0px;}
#navigation a.link2 {background-position:0px -47px;}
#navigation a.link2:hover {background-position:-146px -47px;}
#navigation a.link3 {background-position:0px -94px;}
#navigation a.link3:hover{background-position:-146px -94px;}
#navigation a.link4 {background-position:0px -141px;}
#navigation a.link4:hover {background-position:-146px -141px;}
#navigation a.link5 {background-position:0px -188px;}
#navigation a.link5:hover {background-position:-146px -188px;}
#navigation a.link6 {background-position:0px -235px;}
#navigation a.link6:hover {background-position:-146px -235px;}
#navigation a.link7 {background-position:0px -282px;}
#navigation a.link7:hover {background-position:-146px -282px;}
#navigation a.link8 {background-position:0px -329px;}
#navigation a.link8:hover {background-position:-146px -329px;}
#navigation a.link9 {background-position:0px -375px;}
#navigation a.link9:hover {background-position:-146px -375px;}

что мне сделать что бы при переходе на страницу информации (например) она выделялась без наведения?

[MefistofeleS]

помогитее(

[Vlad]

Добавьте в стиль что-то вроде

A.active { background: red; }

[MefistofeleS]

Добавьте в стиль что-то вроде

A.active { background: red; }

совершенно ничего не поменялось(

[Vlad]

Вы вот взяли и прямо вставили в свой стиль эту строку? Конечно ничего не поменяется тогда, принципы каскадирования никто не отменял. Добавьте !important или повысьте специфичность включением идентификатора.

[MefistofeleS]

Вы вот взяли и прямо вставили в свой стиль эту строку? Конечно ничего не поменяется тогда, принципы каскадирования никто не отменял. Добавьте !important или повысьте специфичность включением идентификатора.

а можете подробней куда и что вставить?

[MefistofeleS]

проблема решена, большое спасибо лунатику!)))