[Решено] Активный пункт меню

[Don Casper]

Здравствуйте!

Не могу разобраться как подсветить активный пункт меню.

Сделал горизонтальное меню, с настройками модуля:
Стиль меню: (Legacy) Горизонтально

В index.php код выглядит так:

Код:

<div id="menubar">
<jdoc:include type="modules" name="top" />
</div>

В исходном коде отображающейся страницы код выглядит так:

Код:

<div id="menubar">
<div style="float:left;">&nbsp;&nbsp;</div><table width="100%" border="0" cellpadding="0" cellspacing="1"><tr><td nowrap="nowrap"><a href="/index.php/home" class="mainlevel" id="active_menu">Главная</a><a href="/index.php/service" class="mainlevel" >Услуги</a><a href="/index.php/product" class="mainlevel" >Продукция</a><a href="/index.php/faq" class="mainlevel" >Контакты</a><a href="/index.php/add-comments" class="mainlevel" >Отзывы</a></td></tr></table>
</div>

CSS код выглядит так:

Код:

/* menubar */
#menubar {
width:958px;
height:30px;
line-height:25px;
background:#ffffff;
margin-bottom:5px;
vertical-align:middle;
background: transparent url(../images/menubarbgbl.png) repeat;
}

#menubar a {
color:#ffffff;
border-right:1px solid #000000;
text-decoration: none;
padding:7px;
}

#menubar a:hover {
color:#00c6db;
background: transparent url(../images/menubarabl.png) repeat-x;
}

Я знаю, что в CSS нужно прописать идентификатор current или active, но не знаю к чему его привязывать, так как у меня нету списка, а просто идут ссылки на страницы. Или я что-то не уловил)

Подскажите пожалуйста.

[Rezet]

Учи CSS...

id="active_menu"

#menubar a#active_menu
{
....
}

И если надо

#menubar a#active_menu:hover
{
....
}

[NightGuard]

#active_menu a:hover {
color:#00c6db;
background: transparent url(../images/menubarabl.png) repeat-x;
}

[Don Casper]

Спасибо за помощь =)