Navigation - Farbwechsel bei Aktivierung

[nosmoke]

Hi,

ich habe folgendes Problem...

Mit "UL" und "LI" habe ich eine Navigation zusammen gebastelt,
der Maushoverefekt funktioniert über CSS doch jetzt möchte ich zusätzlich das wen man auf Link1 klickt dieser auch hervorgehoben bleibt.. (sprich der aktive Link farblich anders dargestellt wird.)


Ich habe folgendes probiert doch leider ohne erfolg!

PHP-Code:

#navi li a:active
{    background: #e40613;
    color: #FFF}

#navi div a:active
{    background: #e40613;
    color: #FFF} 


Ne idee warum das nicht funktioniert?
Wie erwähnt funktioniert der a:hover über CSS...




gruß!

[Ckaos]

Hi

Ne idee warum das nicht funktioniert?

Ja, gegenfrage... wer soll den wissen (html,css,javascript,php..etc) welchen link er angeklickt hat um auf die Seite zu kommen?
Das kann entweder was Serverseitiges, was dann ne Klasse (class) an den Link hängt, sein
oder Javascript welches die Url mit denen der Link's vergleicht und dann diesen manipuliert.

mfg

CKaos

[BunkGardner]

:active ist eine sog. Pseudoklasse.

Beispiel:

a:active {color:red;background:blue} // der Zustand ist aktiviert, solange die Maustaste gedrückt ist.

Um einen Link dauerhaft (solange die entsprechende Seite aufgerufen ist) hervorzuheben musst du dem Link eine "echte" Klasse zuweisen.

Beispiel:

<a href="#" class="active"></a>

Der Style dazu:

.active{color:red;background:blue}

Wenn du die Navigation als Liste aufgebaut hast, kannst du die Klasse auch dem List Item zuweisen.

Beispiel.

<li class="active"><a href="#">Start</a></li>