nicht angemeldet
Hallo,
ich möchte mehrere Blocklinks untereinander anzeigen. Jeder Link soll über die ganze Breite gehen, links soll ein Bild sein und rechts daneben Text. Beim Mouseover soll das ganze umrahmt werden.
Mein Code funktioniert überall - außer im IE6.
Dort "rutscht" das Bild aus dem Link nach unten heraus. Wenn man mit der Maus darüberfährt, sieht man, dass der Rahmen nicht um den gesamten Linkblock geht, sondern *hinter* dem Bild verläuft.
In anderen Browsern, z.B. im Firefox, wird es wie gewünscht dargestellt.
Wie kann ich also den IE6 dazu bewegen, meine Links auch wie gewünscht darzustellen?
---
So sehen die Links aus:
<a href="Seite1/" class="blocklink">
<img src="Bild1.jpg" alt="">
Titel
<br><br>
Text
</a>
<a href="Seite2/" class="blocklink">
<img src="Bild2.jpg" alt="">
Titel
<br><br>
Text
</a>
Und hier der CSS-Teil:
.blocklink { display:block; border-width:2px; border-color:white; border-style:solid; padding:5px; overflow:hidden; font-weight:bold; text-decoration:none; font-size:20px; }
.blocklink:hover { border-width:2px; border-style:dashed; border-color:gray; }
.blocklink img { width:300px; float:left; margin-right:10px; }