Ich habe diesmal Hoverbutton mit CSS erstellt. Beim IE und Opera funktioniert alles wie gewünscht. Nur beim Firefox zeigt er eine Linkumrandung die ich gerne weg hätte.
Hier die Adresse: http://drkcelle.dr.funpic.de/Wietze/
Und die CSS:
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:none;
}
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:none;}
Achja bitte kein Javascript.
