a:active funktioniert nicht

[DerMitSkill]

Hallo,
wollte jetzt a:active verwenden, aber das geht irgendwie nicht.
Wenn der Link angeklickt ist, soll er so aussehen wie beim hover...

Was mach ich falsch?

-> entfernt

 

[Maxi]

also bei mir sieht er gleich aus !?!

 

[DerMitSkill]

Mhh?? Wenn du auf den Link geklickt hast (und auf der Seite bist...), hat er dann immernoch die selbe Farbe wie wenn du über ihm bist? Mach mal bitte Screen, bei mir ist das in keinem Browser so...

 

[BcF]

Wenn der Link angeklickt ist, soll er so aussehen wie beim hover...

Tut er doch. In der Navigation und auch im Inhalt.

Denk aber daran, dass active nur den Zustand beschreibt, während die Maustaste gedrückt ist. Wenn du die aktive Seite hervorheben möchtest musst du dem entsprechenden Element eine Klasse oder ID zuweisen, mit den gleichen Eigenschaften wie die Pseudoklasse hover.

 

[DerMitSkill]

Achso, ich dachte das macht :active oO Gibts dafür nichts einfacheres?

 

[BcF]

Achso, ich dachte das macht :active oO Gibts dafür nichts einfacheres?

Naja, du schreibst id="active" in's a-Tag und ergänzt das CSS etwas:

#navigation ul li a:hover[B], #active[/B] {
  background-color:#292929;
}

Ist doch nicht wirklich aufwändig ;)

 

[DerMitSkill]

Aber ich wollte das ganze mit PHP include() zusammenflücken (Header, Navi und dann die Seiten), und da kann ich das nicht so einfach für jede Seite vor den Link setzen, weißte wie ich das meine?

 

[BcF]

Mach einfach sowas:

function isActive($p)
{
  global $variableMitAktuellerSeite;

  if($p == $variableMitAktuellerSeite)
    return 'id="active"';

  return '';
}

<li><a href="index.html" <?=isActive('startseite')?>>Startseite</a></li>

Stand so ähnlich schonmal hier.

 

[DerMitSkill]

Ja sowas in der Art wollte ich machen, danke ;)

 

[prm]

Friedels Homepage - Anleitungen für HTML-Autoren und mehr

 

[DerMitSkill]

Danke, klappt ;)