Klappi: Buttons mit Bildern

Beitrag lesen

SELF-Forum

Buttons mit Bildern

Klappi
– Informationen zu den Bewertungsregeln

Okay, vergiss was ich geschrieben habe, ich verstehe dein Problem voll und ganz.
Habe ja ein wenig gebastelt und es jetzt so hinbekommen, dass aus derselben Ausgangsgrafik für verschiedene Links verschiedene Bilder beim Hovereffekt angezeigt werden. Allerdings sehen die Buttons dann vor dem Mouseover alle gleich aus.
Hier mal das Gebastelte:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
 <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
 <title>Rollover mit CSS - Beispiel 5</title>
 <style>
   a       { display:block;
             background-image:url(button1.gif);
      width:120px;
      height:30px }

#button:hover { background-image:url(button1on.gif); }
   #button1:hover { background-image:url(button2on.gif); }
   #button2:hover { background-image:url(button3on.gif); }

</style>
</head>
<body>
  <h1>Bild-Button mit CSS</h1>
  <p><a href="#" id="button">&nbsp;</a></p>
  <p><a href="#" id="button1">&nbsp;</a></p>
  <p><a href="#" id="button2">&nbsp;</a></p>
</body>
</html>

Eine andere Möglichkeit wäre das hier: http://aktuell.de.selfhtml.org/artikel/css/mouseover/index.htm#a7
Oder auch das hier:
http://de.selfhtml.org/javascript/beispiele/buttons.htm

Aber vielleicht kann ja noch jemand anders helfen...?

Würde mich auch interessieren!

Gruß,
Klappi

Beitrag melden
–
Informationen zu den Bewertungsregeln