Links werden nicht angezeigt wie gewünscht

[Iris]

HAllo,

ich habe mir eine kleine homepage erstellt:

http://webuser.hs-furtwangen.de/~ischerer/

Bei anklicken der links sollten die aktiven links sich eigentlich rot einfärben. Aber das machen sie leider nicht. Hier mal ein auszug aus dem CSS (gütlig für die obere Navigation):

#navigation{
   background-color: #fff;
}

#navigation ul{
    list-style-type: none;
    margin-top: 120px;
    margin-left: 250px;
   }

#navigation ul li{
    float: left;
    padding-left: 10px;
    padding-bottom:5px;
    background-color:#fff;
    font-variant: small-caps;
    text-transform: uppercase;
       text-decoration: none;
   }

#navigation ul li a:link{
    padding: 2px 5px 2px 5px;
    font-size: 120%;
    color: #8D8484;
   }

#navigation  ul li a:visited{
    padding: 2px 5px 2px 5px;
    font-size: 120%;
    color: #8D8484;
   }

#navigation ul li a:active{
 padding: 2px 5px 2px 5px;
 color: #9E2525;
 font-weight: bold;
 font-size: 130%;
}

#navigation ul li a:hover{
   padding: 2px 5px 2px 5px;
   color: #000000;
   }

wo steckt der Fehler?

Lieben Dank schonmal

Iris

[Orlando]

Hallo Iris,

Bei anklicken der links sollten die aktiven links sich eigentlich rot einfärben. Aber das machen sie leider nicht.

#navigation ul li a:link {
#navigation ul li a:visited {
#navigation ul li a:active {
#navigation ul li a:hover {

wo steckt der Fehler?

In der http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_hover_active@title=Reihenfolge, siehe Abschnitt „Beachten Sie“. Mit :hover überschreibst du in deinem Beispiel :active.

Grüße
 Roland

[Iris]

Hallo Roland,

danke für den schnellen Tipp, da hab ich wohl nicht sorgfältig genug gelesen;-)

Habe jetzt die Reihenfolge geändert und active nach ganz unten verschoben, aber trotzdem bleiben die links nicht rot sondern blitzen nur im Moment des anklickens kurz rot auf. Oder geht es evtl gar nicht anders?

Grüße

Iris

[Orlando]

Hallo Iris,

Habe jetzt die Reihenfolge geändert und active nach ganz unten verschoben, aber trotzdem bleiben die links nicht rot sondern blitzen nur im Moment des anklickens kurz rot auf.

Richtig, so ist :active definiert:

„Die Pseudo-Klasse :active gilt, während ein Element vom Benutzer
  aktiviert wird. Beispielsweise könnte das zwischen den Zeitpunkten
  sein, wo der Benutzer die Maustaste drückt und sie wieder loslässt.“

Der Internet Explorer zeigt hier ein Fehlverhalten. Dein Problem ist allerdings keines, da die aktuelle Seite nach dem Anklicken eines Links ohnehin verlassen wird.

Grüße
 Roland

[Iris]

Hi Roland,

danke nochmal..:-)
Eine Sorge weniger.
in dem fall werde ich einfach mein html-code ein bißchen verändern.

Grüße

Iris