Hovereffekt in XHTML strict

[Mathias Brodala]

Hallo malefiz.

<a href="meine seite.htm" onmouseover="image1.src='buttonhover.gif';" onmouseout="image1.src='button.gif';">

<img name="image1" src="button."></img></a>

  
Wie wäre es einfach folgendermaßen?  
  
`<a href="meine%20seite.htm"><img src="blank.gif" alt="Bitte fülle mich sinnvoll aus, da ich zwingend erforderlich bin" /></a>`{:.language-html}  
  
~~~css
a img {  
  background:url(button.gif) no-repeat center;  
}  
a:hover {  
  background:transparent; /* Des blauen Klotzes wegen irgend eine wahllose wirkungslose Veränderung am Link */  
}  
a:hover img {  
  background-image:ur(buttonhover.gif);  
}

Einen schönen Sonntag noch.

Gruß, Mathias