mittels CSS aktiven Link markieren geht nicht

[Thunderbirth]

Hallo zusammen

Habe ein kleines Problem bei meiner neu erstellten Homepage. Und zwar habe ich links ein kleines Menu. Klickt man nun einen Link an, erscheint in der Mitte der Content. Nun sollte der Link aussen die gleiche Farbe wie beim a:hover haben, hat er aber nicht...

Ich habe es folgerndermassen gelöst:

Beispiel:

<td><a href="verein.html" class="menu_verein"><img src="blank.gif" width="0"></a></td>

Der dazugehörige css-code sieht wie folgt aus:

.menu_verein
{
 background-image:url("../images/menu/verein.gif");
 background-repeat:no-repeat;
 width:250px;
 height:45px;
 display:block;
}

.menu_verein:hover, .menu_verein:active, .menu_verein:focus
{
 background-image:url("../images/menu/verein_tausch.gif");
}

Die Seite ist unter Rocktober - Eine Seite des Schnee-Sport-Vereins Wallbach erreichbar

Kann mir vielleicht jemand weiterhelfen? Bin für jede Anregung / Tipps oder Bemerkung dankbar

 

[neuroleptika]

Mit der pseudoklasse :active kannst du den Zustand beim anklicken verändern.
Nach dem Laden der neuen Seite gilt :active erst wieder wenn der Link erneut angeklickt wurde.

 

[ingoS]

Mit anderen Worten: Du musst auf den verschiedenen Seiten den Link zur aktuellen Seite zusätzlich formatieren und ihm für jeden Zustand die Eigenschaften von a:active geben.

 

[Thunderbirth]

Vielen Dank für die schnellen Antworten.

Also ist das so gemeint:

Für jede Seite dem aktuellen Link noch eine zusätzliche Klasse zu definieren:

Auf der seite verein.html

<td><a href="./sites/verein.html" class="menu_verein_aktiv"><img src="blank.gif" width="0"></a></td>

mit dem zugehörigen CSS-Code

.menu_verein_aktiv
{
 background-image:url("../images/menu/verein_tausch.gif");
 background-repeat:no-repeat;
 width:250px;
 height:45px;
 display:block;
}

 

[prm]

Vermutlich meinst du das: Link der geöffneten Seite hervorheben

 

[Thunderbirth]

Hy prm

Vielen Dank für diesen Beitrag, habe es in der Zwischenzeit bereits so gelöst, erschien mir zuerst nicht so ne saubere Lösung.

Nochmals Danke an alle Beiträge