Hallo,
im nachfolgenden Beispiel wird im IE8 der link ausgeführt, wenn ich auf den Text o d e r das Bild klicke. Im IE 7 und älteren klappt der link nur beim Klicken auf den Text, obwohl beim Überfahren des Bildes sich der Cursor verändert und die Link-Adresse unten in der Statuszeile angezeigt wird.
Wie bekomme ich dies auch in IE7/IE6 hin?
Hier das Beispiel:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<style type="text/css">
<!--
a img {zoom:1; display:inline; vertical-align:middle;
width:48px;height:48px; border:none;}
a span {zoom:1; display:inline; vertical-align:middle;}
a .invers {display: none;}
a:hover .normal {display: none;}
a:hover .invers {display: inline;}
/* Hack für IE6 und älter */
a:link {border-style:none;border-color:#fff;}
a:hover {border-style:none;border-color:#ffffff; cursor: pointer;}
-->
</style>
</head>
<body>
<p>
<a href="http://www.example.com">
<span class="normal"><img src="/bild1.gif" alt ="">Normal</span>
<span class="invers"><img src="/bild2.gif" alt ="">Invers</span>
</a>
</p>
</body>
</html>