Hallo Leute,
ich habe bei mir ne Tabelle die sieht so aus:
<table width="119" cellpadding="0" cellspacing="0" class="tabelle">
<tr>
<td align="right" class="td"><a href="../site/index.html">Home</a></td>
</tr>
<tr>
<td align="right" class="td-ohne"><img src="../images/table-space.gif" width="26" height="9"></td>
</tr>
<tr>
<td align="right" class="td"><a href="../site/kuenstler/uebersicht.htm">Künstler</a></td>
</tr>
<tr>
<td align="right" class="td-ohne"><img src="../images/table-space.gif" width="26" height="9"></td>
</tr>
<tr>
<td align="right" class="td"><a href="../site/texte/1.htm">Text</a></td>
</tr>
<tr>
<td align="right" class="td-ohne"><img src="../images/table-space.gif" width="26" height="9"></td>
</tr>
<tr>
<td align="right" class="td"><a href="../site/location/1.htm">Location</a></td>
</tr>
<tr>
<td align="right" class="td-ohne"><img src="../images/table-space.gif" width="26" height="9"></td>
</tr>
<tr>
<td align="right" class="td"><a href="../site/arbeiten/1.htm">Arbeiten</a></td>
</tr>
</table>
und ein css das geht so:
html, body{
background: #999999;
overflow: auto;
}
.tabelle{
width:119px;
}
.td{
background-image: url(../images/verlauflinkenavi.jpg);
text-align:right;
padding-right:2px;
color:#999999;
height:14px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
.tabelle td A:hover {
text-decoration: none;
color:605E5E;
}
.tabelle td A:active {
text-decoration: none;
color:7F7F7F;
}
.tabelle td A:link {
text-decoration: none;
color:7F7F7F;
}
.tabelle td A:visited {
text-decoration: none;
color:7F7F7F;
}
.td-ohne{
text-align:right;
padding-right:2px;
}
Jetzt frage ich mich warum das Hover beim Firefox garnicht geht und beim IE nur die mittleren Links funktionieren...
Bis dann Sahra