Thema: Aktiven Link hervorheben

Hallo,

hab ein kleines Problem:
Ich will das der aktive Link der gerade angeklickt ist hervorgehoben wird.
Der Hover Effekt funktioniert schon.
Hab den Befehl für active eigentlich auch schon geschrieben.
Der funktioniert aber nicht wirklich.
Wenn ich auf einen Link gehe greift der Hover effekt, wenn ich den link dann anklicke greift kurz der active befehl, also er nimmt kurz die farbe an die ich bei aktiven links haben will an.
ist die seite aber komplett geöffnet nimmt er wieder die normalform an.

Wie kann ich das machen das der aktive Link so bleibt wie der soll?

Wer kann mir da weiterhelfen?

Grup

flipper880

Code:

a:link.mainlevel-nav, a:visited.mainlevel-nav {
    display: table-cell;
    height:          32px !important;
    height:          32px !important;
    vertical-align:  middle;
    font-size:       12px;
    font-weight: bold;
    text-align: center;
    color: #000000;

    width:           100px;
	background-image: url('../images/menu.png');
    background-repeat:   no-repeat;

}
a:hover.mainlevel-nav {
    color:    #009966;
	background:#FFF;
	
    font-weight:     bold
}

a:active.mainlevel-nav {
    color:    #009966;
	background: #006;
	
    font-weight:     bold
}

Habs selber doch jetzt gefunden. Aber trotzdem Danke an alle die es sich angeschaut haben.

Die Lösung ist:

Anstatt:

a:active.mainlevel-nav {
color: #009966;
background: #006;

font-weight: bold
}

muss mann schreiben:

a#active_menu-nav.mainlevel-nav{
color: #009966;
background:#FFF;
text-decoration: underline;
font-weight: bold
}