Rollover mit XHTML Strict?

[AndreasW]

Hallo,

Hallo,

nachdem ich mich mehr und mehr in die Strict-Definitionen von HTML/XHTML einarbeite und mich daran gewohnt habe vieles anders machen zu müssen, stehe ich vor einem Problem: Ein simpler Rollover-Effekt.

[...]

Der Verweis:
<a href="#top" onmouseout="Out('end')" onmouseover="Over('end')"><img src="images/line_top.gif" width="590" height="10" alt="Nach oben" id="end" /></a>

Das Problem:
Nur Mozilla (und NS 6) bzw. IE5 akzeptieren das. Opera (5+6) macht nichts (NS4 zählt nicht mehr).

Wenn der NS4 eh nicht beachtet wird, würde ich das ganze per CSS lösen:
ins CSS:
a#end:link { background-image:url(bild1.gif);width:100px;height:20px; }
a#end:visited { background-image:url(bild1.gif);width:100px;height:20px; }
a#end:focus { background-image:url(bild1.gif);width:100px;height:20px; }
a#end:hover { background-image:url(bild2.gif);width:100px;height:20px; }
a#end:active { background-image:url(bild2.gif);width:100px;height:20px; }

und im HTML:
<a href="#top" id="end"> </a>

evtl. muß man noch mit ein paar CSS-Properties spielen, bis es paßt (line-height, background-xxx u.ä.), aber dann klappt es sogar ohne Javascript.
Oder statt des   ein transparentes gif/png der passenden Größe...

Grüße aus Würzburg

Grüße nach Würzburg

Julian

Andreas