Engin: Buttons mit Bildern

Beitrag lesen

Hi Klappi,

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 type="text/css">

ul li {
margin:0; padding:0;
}
ul li a:link, ul li a:visited {
display:block;
background-image:url(button1.gif);
width:120px;
height:30px;
}

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

</style>
</head>
<body>
  <h1>Bild-Button mit CSS</h1>

<ul>

<li><a href="#" id="button">&nbsp;</a></li>
  <li><a href="#" id="button1">&nbsp;</a></li>
  <li><a href="#" id="button2">&nbsp;</a></li>

</ul>

</body>
</html>

Ungetestet, grad keine Zeit, aber so in dieser Richtung sollte eine Link-Liste aussehen.

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

Würde mich auch interessieren!

Interesse befriedigt?  *g

Grüße,
Engin
 GYRO