Малко помощ за CSS меню

[lubo91]

Виште css-a ще видите че за всеки бутон използвам долната част на картинка , а когато се мине върху бутона се зарежда средната част на дадената картинка , искам да ми кажете как да направя да ми показва в коя страница съм като на бутона на който пише страницата да се показва горната част на използваната картинка

html

 <ul class="menu"> 
                   <li class="za_nas"><a href="#">За Нас</a></li>
                   <li class="uslugi"><a href="#">Услуги</a></li>
                   <li class="portfolio"><a href="#">Портфолио</a></li>
                   <li class="contact"><a href="#">Контакти</a></li>
                  </ul>

css

menu {}
.menu { display:inline;}
.menu li a { display: block; height: 64px; text-indent: -9999px; float: left;}
.menu li.za_nas a { width: 157px ; background:url(../img/za_nas.gif) bottom center no-repeat;}
.menu li.uslugi a { width: 127px ; background:url(../img/uslugi.gif) bottom center no-repeat; margin: -17px 0 0 0 ;}
.menu li.portfolio a { width: 127px ; background:url(../img/portfolio.gif) bottom center no-repeat; margin: -34px 0 0 0 ; }
.menu li.contact a { width: 318px ; background:url(../img/kontakti.gif) bottom center no-repeat; margin: -51px 0 0 0 ; }
.menu li a:hover { background-position: center center ;}

 

[shterev]

ами направи си клас , който ще го има само на страницата , която ти е активна. На него клас задай примерно така:

.menu li.activen a { background-position: top center;}


<li class="contact activen"><a href="#">Контакти</a></li>

 

[lubo91]

Мерси стана , но като си прегледах кода открих че съм изпуснал едно "о" , ама го направих по твоя начин :?:

 

[shterev]

ами то друг начин, не знам по-лесен, все пак ако е с пхп се прави проверка и мусе добавя този клас, е може и с джаваскрипт