Hi zusammen.
Ich habe da ein merkwürdiges Problem, für das ich keine Lösung finde.
Folgender Code:
<table width="100%">
<tr>
<td class="class1"><a href="link.htm"> Text1 </a></td>
</tr>
<tr>
<td class="class1"><a href="link.htm"> Text2 </a></td>
</tr>
</table>
Und die CSS Anweisungen:
.class1:hover{
border-left: 3px solid #ce2431;
color:#000000;
text-decoration:none;
background-color:#E5E3E4;
}
.class1 a{
line-height:2;
display:block;
text-decoration:none;
}
.class1 a:hover{
color:#000000;
text-decoration:none;
background-color:#E5E3E4;
}
Im Firefox klappt alles so wie es soll:
Beim Mouseover der Tabellenzelle Färbt sich der Hintergrund dieser Zelle und es erscheint ein Rahmen Links. Ausserdem Muss ich nicht direkt über den Link fahren, es reicht, wenn ich mit der Mouse irgendwo in der Zelle bin.
Beim IE klappt es leider nicht. Der Rahmen auf der linken Seite wird garnicht dargestellt und der Hintergrund ändert sich nur, wenn ich direkt über den Link fahre. Komischerweise verhält sich die oberste Tabellenzelle anders als der Rest. Dort wird der Hintergrund geändert, egal wo in der Zelle sich der Mousezeiger befindet.
Hat jeman einen Tipp für mich?
Herzliche Grüße
Meridilain