Andreas Gaisbauer
Erfahrenes Mitglied
Wie kann ich mit CSS meinen Links ein HoverVerhalten zuweisen?
Grundsätzlich erreicht man einen solchen MouseoverEffekt indem man mit den PseudoKlassen :link, :visited, :hover, :active abreitet.
Beispiel:
oder als Zusammengesetzte Klasse
Wichtig: Laut Selfhtml muss folgende Reihenfolge einhalten werden um eine korrekte Darstellung zu erreichen: :link, :visited, :hover, :active.
Links:
CSS-Spezifikation: http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes
Tutorial von Klon: http://www.tutorials.de/tutorials120393.html
Beispiele bei DrWeb: http://www.drweb.de/html/css_menues.shtml
Grundsätzlich erreicht man einen solchen MouseoverEffekt indem man mit den PseudoKlassen :link, :visited, :hover, :active abreitet.
Beispiel:
PHP:
A:link { color: red } /* unvisited links */
A:visited { color: blue } /* visited links */
A:hover { color: yellow } /* user hovers */
A:active { color: lime } /* active links */
PHP:
A:focus { background: yellow }
A:focus:hover { background: white }Wichtig: Laut Selfhtml muss folgende Reihenfolge einhalten werden um eine korrekte Darstellung zu erreichen: :link, :visited, :hover, :active.
Links:
CSS-Spezifikation: http://www.w3.org/TR/CSS2/selector.html#link-pseudo-classes
Tutorial von Klon: http://www.tutorials.de/tutorials120393.html
Beispiele bei DrWeb: http://www.drweb.de/html/css_menues.shtml
Zuletzt bearbeitet:
