Немного не по теме, но...
Мало ли, кому еще пригодится. Сам сегодня энное время потратил на это дело
Вот часть моего варианта CSS файла с меню, довольно стандартный:
/* топ меню - верхнее меню над шапкой */
#topMenu {margin:0 30px 0 375px;position:relative;height:70px;clear:right;padding-top:25px;text-align:center;}
#topMenu ul {width:100%;line-height:28px;margin:0;padding:0;list-style:none;}
#topMenu li {display:inline;margin-right:5px;padding:0;}
#topMenu a {color:#ffffff;text-decoration:none;padding:2px 7px;background:#1C2E46;font-size:14px;}
#topMenu a:hover {background:#F7941D;}
А вот эту строчку добавил, и теперь все работает:
#topMenu ul.menu li.active a {background:#F7941D;}
"ul.menu" можно убрать, и без него тоже действует.
В итоге: при нажатии на пункт меню, оно остается такого-же вида, как было при наведении.
Я думал для уважаемых гуру это несложный вопрос... Спасибо beliyadm за попытку помочь.
Гуру в песочнице не возятся. И это правильно, кстати.
Если бы я сегодня сразу нашел подобное решение, реализовал бы его, и - забыл. В следующий раз опять искал бы. А так, хоть и потратил почти два часа, зато сам FireBug-ом поработал, и в итоге понял, как это работает. Сегодня одно понял, завтра другое пойму. Так, глядишь, и научусь
