Ich hab das ähnlich gemacht und mittels einer CSS-Datei gelöst. Hoffe das hilft dir weiter:
Code
A:link, A:hover, A:visited, A:active {
text-decoration: none;
color: black;
display: block;
background-repeat: no-repeat;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 10pt;
margin-left: 0px;
font-weight: bold;
padding-left: 20px;
padding-top: 4pt;
padding-bottom: 4pt;
border: 0;
}
A.linkob {
background-image: url(images/bob.gif);
}
A.linkun {
background-image: url(images/bun.gif);
}
A.linkmi {
background-image: url(images/bmi.gif);
}
A.linkeb {
background-image: url(images/beb.gif);
}
A.linkmi2 {
background-image: url(images/bmi2a.gif);
}
A.linkeb2 {
background-image: url(images/beb2a.gif);
}
A:hover.linkob {
background-image: url(images/rob.gif);
}
A:hover.linkun {
background-image: url(images/run.gif);
}
A:hover.linkmi {
background-image: url(images/rmi.gif);
}
A:hover.linkeb {
background-image: url(images/reb.gif);
}
A:hover.linkmi2 {
background-image: url(images/rmi2a.gif);
}
A:hover.linkeb2 {
background-image: url(images/reb2a.gif);
}
img {
border: 0;
}und hier die html-Seite:
Code
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>DRK Ortsverein Wietze</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type"text/css" href="navi.css">
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<base target="inhalt">
</HEAD>
<BODY>
<div>
[img]images/drk_logo_kompakt.gif[/img]
[url='startseite.htm']Startseite[/url]
[url='ortsverein.htm']Unser Ortsverein[/url]
[url='kleiderstube.htm']Kleiderstube[/url]
[url='senioren.htm']Seniorenkreise[/url]
[url='geburtstag.htm']Geburtstagskaffee[/url]
[url='sozialdienst.htm']Sozialdienstgruppe[/url]
[url='aktiv.htm']Aktivitäten[/url]
[url='blutspende.htm']Blutspende[/url]
[url='danke.htm']Danke !!![/url]
[url='impressum.htm']Kontakt/Impressum[/url]
[url='http://www.kv-celle.drk.de']Kreisverband Celle[/url]
[url='http://www.drk.de']DRK bundesweit[/url]
</div>
<diV align="center">
[img]images/Wappen_Wietze.jpg[/img]
</div>
</BODY>
</HTML>