Bilder mit OnMouseOver vergrössern

[Alexander Kern]

OK, soweit sogut...
ich habe jetzt vor des IMG einfach ein DIV(.PIXEL) und einen href="#" gesetzt und im CSS einen .PIXEL a:hover angelegt.

Aber sehr viel weiter bringt mich das nun auch nicht.

.PIXEL {
 background-color: #00FFFF;
 float:left;
}
.PIXEL a:hover {
 background-color: #00FFFF;
 float:left;
 position: relative;
 height: 20px;
 width: 20px;
}

Damit bekomme ich auch meine weissen Zeilen.
Was sollte ich nun mit top, left, margin, padding etc. einstellen? Mit Rumprobieren ab ich noch nichts Gescheites erreicht.

Danke erstmal, Alex

hi,

Allerdings verschieben sich jetzt logischerweise auch alle Bilder außenherum und ich bekomme leere Zeilen in meinem "Teppich".
Das soll natürlich nicht sein. Das Bild soll praktisch größer werden und alle anderen Bilder außenherum verdecken.

Hat jemand ne Idee?

Wenn du diese logische Konsequenz deines Vorgehens unterbinden willst, dann müsstest du schon dynamisch weitere CSS-Attribute deines Bildes ändern - z.B. position/top/left und margin, o.ä.

Oder lässt sich mir einem onMouseOver eine CSS-Klasse von einem DIV ändern. Darüber habe ich auch noch nix gefunden.

Natürlich geht das - aber nicht über class, sondern über className.

gruß,
wahsaga