Menu - mały problem

[Pavlos]

Witam serdecznie. Chodzi mi o stronę http://www.bialapodlaska.e-prawko.com/testy
Górny pasek menu Testy świeci się na zielono. Kiedy klikam inne cegiełki tego menu koloru zielonego już nie ma. Co może być tego przyczyną?
Nie chodzi tu o przyrostek modułu.

[a_m]

.art-menu a.active .l, .art-menu a.active .r {top:-64px;}

[Pavlos]

Hej dzięki za szybką odpowiedź..
Źle sprecyzowałem pytanie.
Dlaczego inne pozycje menu gdy są aktywne nie są koloru zielonego jak (Testy) ?
Chciałbym uzyskać taki efekt pozycja menu aktywna ma kolor zielony.
Dzięki.

[alex51]

Wyszukaj w pliku template.css wiersze w wartościami:

top: -32px;

np.:

template.css
wiersz 430:
.art-menu a:hover .l, .art-menu a:hover .r {
top:-32px;
}
.art-menu li:hover > a .l, .art-menu li:hover > a .r {
top:-32px;
}
.art-menu li:hover a .l, .art-menu li:hover a .r {
top:-32px;

wiersz 725:

ul.art-vmenu a:hover .l, ul.art-vmenu a:hover .r {
top:-32px;

wiersz 732:
ul.art-vmenu a.active .l, ul.art-vmenu a.active .r {
top:-32px;

Eksperymentując ze zmianą wartości -32px na -64px zmienisz kolor na zielony.
Wydaje mi się, że taka zmiana w trzech pierwszych przykładach (od wiersza 430) powinna załatwić sprawę.

[Pavlos]

Witam. Poeksperymentowałem. Zmieniłem wszystkie wartości z -32px na -64px (top: -32px) zmiana jaka zaszła to zielony kolor po najechaniu na menu. Ciągle nie ma zielonego aktywnego przycisku.

[depalage]

Wystarczy zdefiniować w arkuszu stylów li z identyfikatorem #current, to jest to aktywne w danej chwili. Czyli np. jak w Twoim przypadku

li#current.item83 { style dla zielonego przycisku }

I tak z każdym w menu.

[a_m]

Panowie, podane przez Was rozwiązania nie zadziałają w szablonie @Pavlosa

[depalage]

Dlaczego mają nie zadziałać? Wystarczy się przyjrzeć temu co już jest, czyli zielonemu przyciskowi TESTY, który działa jak należy.

FireBug jasno pokazuje, że jest tam identyfikator #current. Proszę oto screen: http://i46.tinypic.com/2zta5v5.jpg

Wystarczy dać li#current.item77 a.active { style }
item77 oczywiście w zależności od przycisku różny numer.

[a_m]

Dlaczego mają nie zadziałać?

screen dotyczy jednego, konkretnego elementu listy; nie mieszajmy teorii z praktyką tam gdzie nie mają nic wspólnego

[alex51]

Wydaje mi się, że kontynuując tok rozumowania @depalage należałoby zmienić istniejące klasy poszczególnych pozycji menu aby uczynić je aktywnymi jak menu TESTY, które jest jak niżej widać:

<li class="active item77" id="current"><a class="active" href="/testy"><span class="l"> </span><span class="r"> </span><span class="t"><img alt="testy" style="margin-right: 5px; vertical-align: middle;" src="/images/stories/testy.png" class="art-metadata-icon">Testy</span></a></li>

Pozostałe pozycje menu mają następujący widok:

<li class="item80"><a href="/osrodki-szkolenia-kierowcow"><span class="l"> </span><span class="r"> </span><span class="t"><img alt="osrodki-szkolenia-kierowcow" style="margin-right: 5px; vertical-align: middle;" src="/images/stories/szkola.png" class="art-metadata-icon">Szkoły</span></a></li>

Różnice w klasie menu TEST i menu SZKOŁY są wyraźnie widoczne i tu należałoby szukać możliwości poprawienia mankamentu, na który zwrócił uwagę @Pavlos.