active Link mit CSS geht nicht

[glückswicht]

Hallo!
Sorry war erst ausversehen im falschen Brett..
Ich komm leider mit einem Problemchen nicht so richtig weiter:
Und zwar nutze ich eine externe CSS Datei (Ausschnitt unten)

Wenn ich nun in der Navigation eine Seite besuche möchte ich das der
Link der aktuelle Seite rot bleibt, bis ich auf eine andere Seite wechsle.
Dachte das geht mit dem a:active.

Sieht jemand den Fehler? Oder muss ich ganz anders vorgehen?

Vielen Dank!

micha

a:link { color: #595959; text-decoration: none;}
a:visited {
color: #595959;
text-decoration: none;
}

a:hover {
color: #ee2f00;
text-decoration: none;
}

a:active {
color: #ee2f00;
text-decoration: none;
}

 

[del d vibrato]

Hi,
nee, geht leider so nicht. 'active' zeigt nur an, welcher link gerade selektiert wurde.
Wenn z.B. ein _blank Link geklickt wurde, ist der geklickte Link aktiv. Auch, wenn man einen nicht_blank-Link klickt und dann zurückgeht, ist dieser Link aktiv.

Um den Link der aktuellen Seite farbig anders darzustellen, kannst Du einfach den Link auf der Seite entfernen - sofern es nichts dynamisches ist - also ist Handarbeit gefragt.

Grüsse
del

 

[mart]

Hallo,

also wenn du mit Frames arbeitest kannst du das untenstehende Skript mal ausprobieren. Du mußt eigentlich nur noch den korrekten Namen deines Frames einsetzen (hier im Beispiel "navigation") und die Farbe des "aktiven Links" anpassen (hier #ff0000).

Wichtig ist außerdem noch, dass du deinen links eine ID gibst. Diese ID verwendest du dann im "onClick"-Befehl.

Müsste eigentlich dann funktionieren...

schönen Tag noch

mart

Beispiel:

// normaler Link, nur halt mit ID und onclick

<a id="leist" href="leist.html" onclick="link('leist')">Leistungen</a>

// JavaScript-Funktion, die im Head Bereich stehen muß

<script language="JavaScript">
 <!--

 function link(id)
        {
            var i=0;

         while (parent.frames.navigation.document.getElementsByTagName("a") [i])
                {
                parent.frames.navigation.document.getElementsByTagName("a")
                [i].style.color="";
                i++
                }

                parent.frames.navigation.document.getElementById
                (id).style.color="#ff0000";
        }

//-->
</script>