Ron69
gesperrt
Hallo, kennt jemand das?
so soll es aussehen und tut es auch mit dem IE: richtig.gif
so machen es Mozilla und Opera: falsch.gif
das ist die CSS-Sequenz:
a:link {color:black;font-size:12pt;
font-family:Helvetica,Verdana,Arial,Sans-Serif;
background-image: url(bilder/grau.gif)}
a:active {color:#006699;font-size:12pt;
font-family:Helvetica,Verdana,Arial,Sans-Serif;
background-image: url(bilder/rot.gif)}
a:visited {color:black;font-size:12pt;
font-family:Helvetica,Verdana,Arial,Sans-Serif;
background-image: url(bilder/grau.gif)}
a:hover {color:#0099CC;font-size:12pt;
font-family:Helvetica,Verdana,Arial,Sans-Serif;
background-image: url(bilder/rot.gif)}
a img {border:0px}
.menu {width:135px;
padding:5px}
und das ist der HTML-Code:
<table border="1"><!-- navigation -->
<td class="menu"><a href="innen-start.html"><img src="bilder/start.gif" width="125" height="51" border="0" alt=""></a></td>
<td class="menu"><a href="innen-aboutme.html"><img src="bilder/aboutme.gif" width="125" height="51" border="0" alt=""></a></td>
<td class="menu"><a href="innen-workouts.html"><img src="bilder/workouts.gif" width="125" height="51" border="0" alt=""></a></td>
<td class="menu"><a href="innen-contact.html"><img src="bilder/contact.gif" width="125" height="51" border="0" alt=""></a></td>
<td class="menu"><a href="innen-links.html"><img src="bilder/links.gif" width="125" height="51" border="0" alt=""></a></td>
</table>
also irgendwie beißen sich die Bilder, das Problem kennt doch sicher jemand.
so soll es aussehen und tut es auch mit dem IE: richtig.gif

so machen es Mozilla und Opera: falsch.gif

das ist die CSS-Sequenz:
a:link {color:black;font-size:12pt;
font-family:Helvetica,Verdana,Arial,Sans-Serif;
background-image: url(bilder/grau.gif)}
a:active {color:#006699;font-size:12pt;
font-family:Helvetica,Verdana,Arial,Sans-Serif;
background-image: url(bilder/rot.gif)}
a:visited {color:black;font-size:12pt;
font-family:Helvetica,Verdana,Arial,Sans-Serif;
background-image: url(bilder/grau.gif)}
a:hover {color:#0099CC;font-size:12pt;
font-family:Helvetica,Verdana,Arial,Sans-Serif;
background-image: url(bilder/rot.gif)}
a img {border:0px}
.menu {width:135px;
padding:5px}
und das ist der HTML-Code:
<table border="1"><!-- navigation -->
<td class="menu"><a href="innen-start.html"><img src="bilder/start.gif" width="125" height="51" border="0" alt=""></a></td>
<td class="menu"><a href="innen-aboutme.html"><img src="bilder/aboutme.gif" width="125" height="51" border="0" alt=""></a></td>
<td class="menu"><a href="innen-workouts.html"><img src="bilder/workouts.gif" width="125" height="51" border="0" alt=""></a></td>
<td class="menu"><a href="innen-contact.html"><img src="bilder/contact.gif" width="125" height="51" border="0" alt=""></a></td>
<td class="menu"><a href="innen-links.html"><img src="bilder/links.gif" width="125" height="51" border="0" alt=""></a></td>
</table>
also irgendwie beißen sich die Bilder, das Problem kennt doch sicher jemand.