David Schneider: CSS-Hover: Grössenänderung bei Bildern?

Beitrag lesen

Hallo Christian,

Was mache ich verkehrt oder geht es am Ende gar nur im IE? Ich möchte das nämlich ohne Javascript realisieren...

Erstmal solltest du valide(r) schreiben. Das hier:

<STYLE>
.imgover         {width:128px;height:128px;text-align:center;}
.imgover img     {width:100%;height:100%;border:1px solid #000000;}
.imgover a:hover {width:256px;height:256px;}
</STYLE>

Ist kein korrektes HTML. Erst recht nicht ohne DOCTYPE.

Zweitens bringt es nichts, wenn du nur die Größe des Ankers veränderst. Wenn du dem Bild per CSS die Größenangabe zugewiesen hast, reicht es, sie mit

.imgover a:hover img { width:256px; height:256px; }

zu ändern.

Liebe Grüße,
David