Активная кнопка

[leo-sergio]

Господа, подскажите пожалуйста, как в CSS сделать так, чтобы кнопка оставалась активной при просмотре соответствующего раздела, на который она ведет, и переставала быть активной при переходе в любой другой раздел?
По простому - оставалась такой же, как и :hover.
Вот код:

a#lm1 {
display:block;
width: 176px;
height: 36px;
background-image: url(images/lm.gif);
background-position: 0px 0px;
margin: 0 auto;
}

a#lm1:hover {
background-position: 176px 0px;
}

Что нужно в него добавить? Помогите, пожалуйста!

[leo-sergio]

На одном сайте, где это работает, код выглядит так, но я не думаю, что нижнее подчеркивание после a#mm1 "_"имеет решающую роль и заставляет кнопку оставаться активной...

a#mm1 {
display:block;
width: 105px;
height: 38px;
background-image: url(images/mm.gif);
background-position: 0 0;
margin: 0 auto;
}

a#mm1_ {
display:block;
width: 105px;
height: 38px;
background-image: url(images/mm.gif);
background-position: 0 -38px;
margin: 0 auto;
}

a#mm1:hover {
background-position: 0 -38px;
}

[DomiNick]

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

Эм... Поясните что имеется ввиду...

[leo-sergio]

Имеется в виду, что если мы, например, находимся в разделе "Услуги", то кнопка "Услуги" выделяется (подсвечивается), если переходим в раздел "О компании" - выделяется кнопка "О компании"!!!

[MrJenika]

это делается через javascript кажись через событие onclick точнее не могу сказать.

[Magneto]

leo-sergio странно что у Вас возникают подобные вопросы
Но если Вы совсем новичок в верстке, то это нормально ))

Я для Вас сверстал несколько страниц, посмотрите, изучите ))

[leo-sergio]

Большое спасибо Magneto за ответ, но у меня, к сожалению сайт в php, вот код:
<div id="justbox">
<div id="jb_orange"></div>
<div id="jb_hdr"><a href="cleaning.php">Клининг</a></div>
<table cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 4px;" align="center">
<tr>
<td id="lmi"><a href="room_cleaning.php" id="lm1"><span class="alt">Уборка помещений</span></a></td>
</tr>
<tr>
<td id="lmi"><a href="outdoor_cleaning.php" id="lm2"><span class="alt">Уборка территории</span></a></td>
</tr>
<tr>
<td id="lmi"><a href="side_cleaning.php" id="lm3"><span class="alt">Мытье окон и фасадов</span></a></td>
</tr>
<tr>
<td id="lmi"><a href="cleaning_services.php" id="lm4"><span class="alt">Дополнительные услуги</span></a></td>
</tr>
</table>
</div>

[DomiNick]

если мы, например, находимся в разделе "Услуги", то кнопка "Услуги" выделяется (подсвечивается), если переходим в раздел "О компании" - выделяется кнопка "О компании"

Хм... А я вот не понял... Что есть "находимся в разделе"?

к сожалению сайт в php

Ну так при запросе страницы и "подсвечивать" надо (если я правильно догадываюсь про что говорится)...