nicht angemeldet
Link funktioniert nicht bei Klick auf das Bild
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>
-
Hi Benni!
Gibt es einen Grund, warum du die proprietäre Eigenschaft zoom verwendest?
Sie scheint dafür verantwortlich zu sein, dass das Bild im IE6/7 den Focus nicht bekommt.
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
Hi H☼psel,
was bedeutet proprietäre Eigenschaft in diesem Zusammenhang?
Das "zoom" wurde mir in einem früheren Thread empfohlen - es hatte etwas mit einem IE-Bug zu tun - frag mich aber nicht, welcher.
Wenn ich den zoom in dem geposteten Beispiel herausnehme, funktioniert es tatsächlich.
Allerdings ist das Beispiel eine brutal abgespeckte Version der Originalversion. Wenn ich dort die "zoom" herausnehme, bleibt der Fehler weiterhin! Gibt es vielleicht weitere "proprietäre" eigenschaften, die dies bewirken könnten?
Den gesamten Code hier zu posten, wäre vermutlich eine Zumutung für Euch!
Gruß
Benni-
Hi Benni!
was bedeutet proprietäre Eigenschaft in diesem Zusammenhang?
"proprietär" bedeutet in diesem Zusammenhang, dass die Eigenschaft "zoom" nur browserspezifisch (nämlich von den IEs) unterstützt wird.
Das "zoom" wurde mir in einem früheren Thread empfohlen - es hatte etwas mit einem IE-Bug zu tun - frag mich aber nicht, welcher.
Es wird vor allem verwendet, um hasLayout bei den IEs zu triggern.
Mitheight:1%;erreichst du u. U. das Gleiche.Gibt es vielleicht weitere "proprietäre" eigenschaften, die dies bewirken könnten?
Vielleicht hilft da mein Tipp mit "height".
Zu "zoom" konnte ich bis jetzt nur lesen, dass es keine Nebenwirkung haben soll. Das ist anscheinend nicht so.Den gesamten Code hier zu posten, wäre vermutlich eine Zumutung für Euch!
Nur wenn ein Online-Beispiel möglich wäre.
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)-
Hi H☼psel,
die Änderung auf height:1% wirkt im geposteten Beispiel wie das zoom.
Im Original bringt es keine Veränderung.
Ich habe das Original doch noch gewaltig abgespeckt und ins Internet gestellt.
Hier der link.
Zur Erinnerung:
Klick auf Bild funktioniert im IE8 (und anderen Browsern), nicht im IE7 und älter.
Gruß
Benni-
Hi Benni!
So wie es scheint, wirst du auf das display:inline-block verzichten müssen.
Frag mich aber bitte nicht, warum der IE damit nicht zurechtkommt.
Eine sinnvolle Ersatzlösung wäre, die Bilder als Hintergrundbilder des Links einzubinden und die Span-Elemente mit einem linken Außenabstand zu versehen.
MfG H☼psel
--
"It's amazing I won. I was running against peace, prosperity, and incumbency."
George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
-
-
-
-