Temat: css - class="active"

Witam, jestem w trakcie tworzenia strony z gotowego szablonu i niestety napotkałem problem.
Mianowicie mam menu i chce aby po wciśnięciu kolejnej zakładki podswietliła się. Aktualnie jest na stałe poswiętlona zakładka home.

Podaje fragmenty kodu:
To jest menu
<ul>

<li class="m1"><a href="home.php?" site="home" class="active">Home</a></li>
<li class="m5"><a href="services.php?" site="services">Zakres usług</a></li>
<li class="m5"><a href="outsourcing.php?" site="outsourcing">Outsourcing IT</a></li>
<li class="m2"><a href="support.php?" site="support">Wsparcie</a></li>
<li class="m1"><a href="contact.php?" site="contact">Kontakt</a></li>
</li>
</ul>
A tu css który za to odpowiada:
#header .row-2 ul {width:100%;overflow:hidden;position:relative;z-index:2}
#header .row-2 ul li {float:left;text-transform:uppercase;margin-right:4px}
#header .row-2 ul li a {color:#fff;text-decoration:none;display:block;text-align:center;padding:28px 0 24px 0;background-repeat:no-repeat;background-position:0 0}
/* button1 */
#header .row-2 ul li.m1 a {width:89px;background:url(images/m1.png)}
#header .row-2 ul li.m1 a:hover,
#header .row-2 ul li.m1 a.active {background:url(images/m1-act.png)}
/* button2 */
#header .row-2 ul li.m2 a {width:95px;background:url(images/m2.png)}
#header .row-2 ul li.m2 a:hover,
#header .row-2 ul li.m2 a.active {background:url(images/m2-act.png)}
/* button3 */
#header .row-2 ul li.m3 a {width:117px;background:url(images/m3.png)}
#header .row-2 ul li.m3 a:hover,
#header .row-2 ul li.m3 a.active {background:url(images/m3-act.png)}
/* button4 */
#header .row-2 ul li.m4 a {width:114px;background:url(images/m4.png)}
#header .row-2 ul li.m4 a:hover,
#header .row-2 ul li.m4 a.active {background:url(images/m4-act.png)}
/* button5 */
#header .row-2 ul li.m5 a {width:123px;background:url(images/m5.png)}
#header .row-2 ul li.m5 a:hover,
#header .row-2 ul li.m5 a.active {background:url(images/m5-act.png)}

Wcześniej przed moimi przeróbkami to działało a teraz coś nie chce.
Any idea?

Temat: css - class="active"

A czy nie chodzi Ci czasem o pseudoklasę :active?

Temat: css - class="active"

class=active przypisana jest do pierwszej zakładki menu, i ona jest cały czas podświetlona, a chce żeby się zmieniło jak się kliknie na inną zakładkę menu.

Tak to było roziwązane w szablonie i działało..

Temat: css - class="active"

A czy po kliknięciu w inną zakładkę "otwiera" się dana zakładka ? Czy tylko podświetlenie nie działa ? Sprawdź w konsoli czy nie wystąpił jakiś błąd.

Temat: css - class="active"

Zakładki się otwierają, nie ma tylko podświetlenia. W jakiej konsoli?

Temat: css - class="active"

Jeśli używasz Chrome to naciskając F12 wyświetlą Ci się narzędzia deweloperskie w których jest konsola. Za jej pomocą można zobaczyć czy różne rzeczy zaś w Twoim przypadku zapewne będzie to poszukiwanie skryptu, który powoduje błąd.

Jeśli nie używasz Chrome to także powinno pojawić się jakieś narzędzie dla deweloperów w którym powinna być konsola.

Temat: css - class="active"

Tej konsoli to używam dość często, jednak nie wiem co może być nie tak w tym przypadku.

Temat: css - class="active"

Wygląda na to że kliknięcie nie przestawia klasy "active" na aktualnie kliknięty element. Należy zlokalizować skrypt odpowiedzialny za zakładki i ustalić co należy zmodyfikować aby mechanizm działał prawidłowo.