a:hover - klasse festlegen?

[lukas]

hi,

meine text-links ändern beim cursor-kontakt ihre
hintergrundfarbe, was ([teilweise] transparente) bilder-links
allerdings nicht sollen. funktioniert sowas wie 'img.a:hover{..'?

die transparente fläche der bilder kann nicht ausgefüllt werden,
da sich eine textur im hintergrund befindet.. und 'onclick' im
img-tag sollte auch nicht verwendet werden..

a:hover{background-color:#ff0000;}

[Benedikt Loepp]

Hallo,

Wenn du mit Links und Pseudo-Elementen wie Hover, Active etc. eine Klasse festlegen möchtest, schreibst du das so:
a.klasse:hover{background-color:#ff0000;}

cu Benedikt Loepp

[Thomas Luethi]

Hallo,

meine text-links ändern beim cursor-kontakt ihre
hintergrundfarbe, was ([teilweise] transparente) bilder-links
allerdings nicht sollen. funktioniert sowas wie 'img.a:hover{..'?

Du willst das richtige, aber nimmst einen falschen Selektor.
Eine Klasse ist nicht notwendig fuer Dein Vorhaben - die Verschachtelung reicht.
JavaScript ist erst recht nicht noetig.

Lies mal das Kapitel "zentrale Formate", insbesondere den Abschnitt ueber "verschachtelte Elemente":
http://selfhtml.teamone.de/css/formate/zentrale.htm#verschachtelte_elemente

a:hover{background-color:#ff0000;}

Du solltest _immer_ Vorder- und Hintergrundfarbe angeben, und nicht nur eine der beiden.

Versuch es mal damit:

a:hover { color:#ffffff; background-color:#ff0000; }
  /* Links beim Mouseover: weisse Schrift, roter Hintergrund. */

a:hover img { color:#000000; background-color:transparent; }
  /* Bilder innerhalb von Links sollten auch beim Mouseover durchsichtig bleiben. */

Wenn's nicht klappt: Bitte URL und/oder relevanten Quellcode posten.

a:link und a:visited solltest Du natuerlich auch noch definieren, wenn Du willst, auch noch a:active.
Die Reihenfolge der Pseudoklassen ist uebrigens wichtig:
a:link, a:visited, a:hover, a:active

HTH, mfg
Thomas