Hallo Zusammen.

Ich habe eine Frage.

Wenn ich einen Rollover Effekt haben möchte, z.B. wenn ich beim Mauseintritt die Textfarbe rot haben möchte, dann kann ich das ja mit CSS (a:hover) machen.

Allerdings klappt das nicht so wie ich möchte, d.h. die Schrift wird beim überfahren mit dem Mauszeiger nicht rot *grummel*

Weiss jemand evtl. was ich falsch gemacht habe?

über den css-editor in a:hover der Schrift einen neuen Farbton geben. Das klappt auf jeden Fall. Du kannst zudem noch eine andere Hintergrundfarbe über a:hove anlegen.

*mmmmh* ... genau das habe ich gemacht ... Standardschrift ist schwarz, hover rot beides im CSS Editor definiert .... ?

Ich komme nicht drauf was ich falsch gemacht habe ...

Gruss
Wolfgang

Hallo Wolfgang
Sieht das CSS bei dir etwa so aus?:

a:link {
color: #999999;
}
a:visited {
color: #666666;
}
a:hover {
color: #FF0000;
}

Es ist einfach wichtig, dass die drei Status in dieser Reihenfolge aufgelistet sind.
Grüessli
Urs

aber es geht auch nur mit "a" und "a:hover" - oder nur auf dem Mac???

Wenn du dabei den besuchten Linkin der vorhandenen Farbe belässt - ja.
Oder was meinst du genau?
Grüessli
Urs

Erst einmal vielen Dank. Peinlicherweise hatte ich wirklich die falsche Reihenfolge, mit der von Urs angegebenen Reihenfolge klappt es.

Ich habe noch eine kurze Frage zu CSS und hover. Ist es möglich auf EINER Seite 2 verschiedenen hover Farben zu definieren? Also z.B. im Hauptmenü von scharz auf rot und im Untermenü von schwarz auf grau?

Gruss
Wolfgang

Hallo!

Verschiedene Formatierungen kannst du allgemein beispielsweise folgendermassen umsetzen:
<div id="hauptnav">hier das hauptmenu</div>
<div id="unternav">hier das untermenu</div>

Das CSS könnte dann so aussehen:

Code

/* hauptmenu */ 
 
#hauptnav a:link { 
color:#black; 
} 
#hauptnav a:visited { 
color:#red; 
} 
#hauptnav a:hover { 
color:#red; 
} 
#hauptnav a:active { 
color:#red; 
} 
 
/* untermenu */ 
 
#unternav a:link { 
color:#black; 
} 
#unternav a:visited { 
color:#grey; 
} 
#unternav a:hover { 
color:#grey; 
} 
#unternav a:active { 
color:#grey; 
} 

Hoffe geholfen zu haben.

matwic

a:link
a:visited
a:hover

ich setze die Reihenfolge nun, wie von dir angegeben,
machte es vorher auch immer falsch - und wunderte mich, wieso das a:visited nicht klappt.

Man denkt nämlich, dass es so sein soll:
a:link
a:hover
a:visited

und weil das "a:visited" NUR im Explorer klappte, liess ich es ganz weg und eben nur
"a:link
a:hover"