Schriftfarbe von Link ändern, wenn Cursor drüber geht
T-Bone
- browser
0 H²O0 Mastershrimp0 T-Bone0 Alex.
Wie kann man es machen, das ein Link die Schriftfarbe ändert, wenn man mit dem Cursor drüber geht?
Danke schonmal...
Wie kann man es machen, das ein Link die Schriftfarbe ändert, wenn man mit dem Cursor drüber geht?
Mit CSS:
A:hover {color: #...}
Danke schonmal...
Gern geschehen.
H²O
Wieder mit CSS (siehe anderes Posting).
Diesmal bindest du folgende Tags ein:
A:link {color: #FFE400; text-decoration: none; }
A:active {color: #FFFF00; text-decoration: none; }
A:visited {color: #FFE400; text-decoration: none; }
A:hover {color: #AAAAAA; text-decoration: none; }
die Farbangaben in den Klammern musst du ggf. noch ändern.
"link" gilt für einen normalen Link, "active" ist ein Link, der gerade in Benutzung ist, "visited" ist ein schon besuchter Link und "hover" ist ein Link, der gerade berührt wird.
Wie du CSS- Angaben einbindest erfährst du unter: http://selfhtml.teamone.de/css/formate/einbinden.htm
Gruß
Mastershrimp
Jo, danke für die schnelle Antwort.
A:link {color: #FFE400; text-decoration: none; }
A:active {color: #FFFF00; text-decoration: none; }
A:visited {color: #FFE400; text-decoration: none; }
A:hover {color: #AAAAAA; text-decoration: none; }
Wobei obige Reihenfolge der Angaben evtl. nicht das gewuenschte Ergebnis erzielt. Siehe http://selfhtml.teamone.de/css/eigenschaften/pseudoformate.htm#link_visited_hover_active_focus
Gruesse, Alex.
Wobei obige Reihenfolge der Angaben evtl. nicht das gewuenschte Ergebnis erzielt.
Oh. Wusste ich gar nicht. Danke!
Warum ist das so? Auf SelfHTML stand keine Begründung...
Gruß
Mastershrimp
Hi Mastershrimp,
Oh. Wusste ich gar nicht. Danke!
Warum ist das so? Auf SelfHTML stand keine Begründung...
Wie der Name (Cascading...) schon sagt, wird bei aufeinanderfolgenden Anweisungen immer die zuletztgenannte ausgeführt.
Nachzulesen hier(ganz unten):
http://faq.united-web.at/index.php?content=textlinks
Die Erklärung in SELFHTML zum Thema ist etwas zu schwammig, ich habe deshalb auch schon einen Verbesserungsvorschlag eingesandt.
Wird wohl bei der nächsten Version ev. berücksichtigt werden.
Gruß
Kurt
hi,
Wobei obige Reihenfolge der Angaben evtl. nicht das gewuenschte Ergebnis erzielt.
Oh. Wusste ich gar nicht. Danke!
Warum ist das so? Auf SelfHTML stand keine Begründung...
weil bei definitionen von gleicher wertigkeit immer die zuletzt notierte gilt.
:hover und :visited haben die gleiche wertigkeit - und deshalb hast du z.b. beim überfahren (hover) eine bereits besuchten (visited) links einen anderen effekt, je nachdem in welcher reihenfolge :hover- und :visited-definition notiert wurden.
gruss,
wahsaga