a:link {
background: url(grafik1.jpg) no-repeat;
}
a:hover {
background: url(grafik2.jpg) no-repeat;
}<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>bit-welt.net....Webdesign | Digitale Bildbearbeitung | Design....Rheinland Pfalz
</title>
<link rel="stylesheet" type="text/css" href="style_1.css"
</head>
<body>
<br />
<table>
<tr>
<td><img src="pfeil.gif"></td>
<td><a href="index.html">Testseite</a></td>
</tr>
</table>
</body>
</html>body {
margin: 0;
font-size: 0.7em;
}
a: {
text-decoration: none;
color: #000000;
}
a:link {
text-decoration: none;
color: #000000;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #c1c1c1;
}
a:active {
text-decoration: none;
}
#top_1 {
}// Image-Preloader
image1 = new Image();
image1.src = "pfeil_2.gif";
// swapImage
function swapImage(grafikname,grafiktausch)
{
document.images[grafikname].src=grafiktausch;
}<table>
<tr>
<td><img src="pfeil.gif" name="start"></td>
<td><a href="index.html" onmouseover="swapImage('start','pfeil_2.gif')" onmouseout="swapImage('start','pfeil.gif')">Testseite</a></td>
</tr>
</table>
