CSS - Workaround fürn IE?

[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)?

[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...

[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?

[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.

[fanrpg]

Wenn du mir auch noch sagst wie ich das per CSS löse, das es der IE schluckt wäre ich glücklich

[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.

[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

[S2B]

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...

[OnFire]

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.