Grafik rollover?

[Chrie]

Hallo,

ich würde gerne meine Links wenn ich mit der Maus darüberfahre, das sich der Link in eine andere Farbe wechselt, wie mache ich das am besten???

Mein bisherige Link wäre rot und sollte sich dann zu einem Gelben Link wechseln. Ich habe zwei verschieden Farben als .jpg schon hergestellt!!!!

DANKE
frtChrie

[Gunnar Bittersmann]

Hello out there!

ich würde gerne meine Links wenn ich mit der Maus darüberfahre, das sich der Link in eine andere Farbe wechselt, wie mache ich das am besten???

Mein bisherige Link wäre rot und sollte sich dann zu einem Gelben Link wechseln.

Mit Pseudoklassen für Verweise und andere Elemente.

Ich habe zwei verschieden Farben als .jpg schon hergestellt!!!!

?? Du möchtest doch eher dynamische grafische Buttons?

See ya up the road,
Gunnar

[Antipitch]

Hi Chrie,

neben Gunnars Vorschlägen kannst du das auch bei Grafiken mit reinem CSS machen (kein Vorladen, Javascript eingeschaltet egal). Was du bisher als zwei Grafiken hast, legst du in ein Bild direkt untereinander (das Bild hat also die doppelte Höhe wie vorher). Dann diesen Code (Breite, Höhe und position bei hover natürlich an deine Grafik anpassen):

HTML:
<a href="#">link</a>

CSS:
a,
a:link,
a:visited {
  width: 100px;
  height:24px;
  text-decoration: none;
  display: block;
  text-indent: -9999px;
  background: url("link.jpg") 0 0 no-repeat;

a:hover {
  background: url("link.jpg") 0 -24px no-repeat;
  }

Gruß
Antipitch