nicht angemeldet
Hallo Leser,
Um folgendes Problem zu erklären kopiert euch folgenden Code mit angeschaltetem CSS in euren MS Internet Explorer (und erstmal nur der):
<html>
<head>
<title>Workaround möglich???</title>
<style type="text/css">
<!--
td.links1 {padding:0px; margin:0px; border:#ff0000 solid 1px;}
a.Zurueck2 {padding:0px; padding-top:5px; padding-left:15px; margin:0px; width:160px; height:25px; background-color:#336688; font-weight:600; font-size:13px;}
a.Zurueck1 {padding:0px; padding-top:5px; padding-left:15px; margin:0px; width:160px; height:26px; background-color:#447799; font-weight:600; font-size:13px; border-color:#ffffff; border-top-style:solid; border-top-width:1px;}
a.Zurueck2:link,a.Zurueck1:link {color:#ffffff;}
a.Zurueck2:visited,a.Zurueck1:visited {color:#ffffff;}
a.Zurueck2:active,a.Zurueck1:active {color:#ffffff;}
a.Zurueck2:hover,a.Zurueck1:hover {color:#ffffff; background-color:#cccccc;}
-->
</style>
</head>
<body>
<table><tr>
<td width="160" height="51" class="links1">
<a href="../../index.shtml" class="Zurueck2"><< Zurück2<br></a>
<a href="../index.shtml" class="Zurueck1">< Zurück1</a>
</td>
</tr></table>
</body>
</html>
Nun gibt es aber auch andere Browser wo die CSS-width- sowie CSS-height-Angaben des "a" ignoriert werden. Daraus folgt das nur der wirkliche Inhalt des Links einen Hintergrund bekommt und nur dieser veränderbar (Hover) sowie anklickbar ist (Eine Hand erscheint.
Das wichtigste ist das der Verweis eine Hand beim Überfahren bekommt sowie der Hintergrund voll ausgefüllt ist und veränderbar ist. Und das sollte ohne die cursor:hand;-Anweisung geschehen, da diese eh nur vom kompatiblen Internet Explorer erkannt wird. Was ist zu tun? Any Workarounds???
Ich habes mir schon mit Buttons überlegt, dort kann man jedoch nur per Javascript Links draus machen.
Eine weitere Möglichkeit wären anklickbare Bilder: Nachteil ist jedoch das Bild selbst, da es Ressourcen frisst und mit Zeitverzögerung aufgebaut wird. Desweiteren sind die Größenangaben nicht so einfach zu ändern. (sonst könnten Verzerrungen auftreten), Ein weiteres Problem sind Bilderignorierende Browser.
Vielen Dank,
MfG
Thomas