Seite 1 von 1
CSS - Workaround fürn IE?
Verfasst: 01.11.2006 20:01
von fanrpg
Ich arbeite gerade an einer neuen Webpräsenz.
Doch da macht der IE gerade seine Probleme.
Ich habe ein Bild das ein Link ist aber mit hover Effekt sein soll.
Also beim Drübergehen mit einem anderem Bild ausgetauscht werden soll, da habe ich per CSS gelöst und zwar so:
Code: Alles auswählen
#copyright {
background-image:url(images/copyright.jpg);
background-repeat:no-repeat;
background-position:center;
}
#copyright:hover {
background-image:url(images/copyright_hover.jpg);
background-repeat:no-repeat;
background-position:center;
}
Und der html code sieht so aus;
Code: Alles auswählen
<td colspan="2" class="write" align="center" style="padding:2px;" height="60">
<a href="http://www.fanrpg.com/"><table style="height:66px; width:200px; background-color:#333333;" id="copyright"><tr><td></td></tr></table></a>
</td>
So und das Problem ist folgendes, der IE wechselt beim Herübergehen mit der Maus das Bild nicht und anklickbar ist der Link auch nicht, Opera und FF machens dagegen problemlos.
Kennt jemand dafür einen Workaround (bitte ohne JS)?
Verfasst: 01.11.2006 20:05
von S2B
Für IE < 7 gibt es keinen Workaround (außer JS).
Ich würde aber zuerst mal meinen Code überarbeiten, eine Tabelle zu verlinken ist mit HTML schlicht und einfach nicht möglich, kein Wunder, dass man den Link nicht anklicken kann...
Verfasst: 01.11.2006 20:15
von fanrpg
Ich weiss das es mist ist eine Tabelle zu verlinken, mir fiel gerade nur nichts besseres ein.
Aber so:
Code: Alles auswählen
<tr>
<td colspan="2" class="write" align="center" style="padding:2px;" height="60">
<table style="height:66px; width:200px; background-color:#333333;"><tr><td align="center"><a href="http://www.fanrpg.com/" style="text-decoration:none; background-color:none;"><img src="images/spacer.gif" id="copyright" border="0" alt="copyright" style="height:66px; width:200px;" /></a></td></tr></table>
</td></tr>
akzeptiert es auch der IE.
Aber leider ohne Hover Effekt, gibt es da wirklich keine Alternative ausser JS?
Verfasst: 01.11.2006 20:27
von OnFire
Doch gibt es. 2 verschiedene Stylesheets einbinden, siehe
http://msdn.microsoft.com/workshop/auth ... nt_ovw.asp.
Eines, was bei allen Browsern Funktioniert und eins, was danach in einem Conditional Comment nur im IE eingebunden werden muss, damit die Anweisungen für den IE priorität haben.
Verfasst: 01.11.2006 21:07
von fanrpg
Wenn du mir auch noch sagst wie ich das per CSS löse, das es der IE schluckt wäre ich glücklich
Verfasst: 01.11.2006 21:38
von OnFire
Der IE hat leider erst mit Version 7 gelernt, dass es :hover auch für andere Tags als a gibt....ergo: mit Conditional Comments eine JS-Lösung für IE < 7, alle anderen sollten es so anzeigen. Alternativen dazu sehe ich nicht.
By The Way: Die Tabelle in der Tabelle ist wirklich hässlich
Dazu gibt es div oder span
Eine mögliche JS-Lösung für den IE 6 wäre per JS die ID der Tabelle (oder besser: des div-containers) zu ändern und für die geänderte id eine mit der :hover-Klasse identischen css-Beschreibung einzufügen.
Verfasst: 01.11.2006 21:52
von fanrpg
Dann müssen die IE User halt auf ein paar Extras verzichten den ich habe was gegen JS!
Was zum Teil auch daran liegt, das ich kein JS kann.
Na ja egal aber trotzdem danke
Verfasst: 02.11.2006 00:29
von S2B
OnFire hat geschrieben:By The Way: Die Tabelle in der Tabelle ist wirklich hässlich
Dazu gibt es div oder span
div wäre dann auch wieder hässlich...
Verfasst: 02.11.2006 09:47
von OnFire
S2B hat geschrieben:OnFire hat geschrieben:By The Way: Die Tabelle in der Tabelle ist wirklich hässlich
Dazu gibt es div oder span
div wäre dann auch wieder hässlich...
Aber gegen ne Tabelle schon wieder ne Schönheit
Naja ok Span wär hier Wohl die erste Wahl.