Button onmouseover nach rechts rücken lassen???

[Sandra]

Hallo zusammen,

ich habe ein kleines Problem. Nehme mal an, dass es total einfach ist, aber ich komm nicht drauf.

Ich habe einen Button den ich "onmouseover" ca. 50px nach rechts rücken lassen möchte und "onmouseout" wieder zurück.
Weiß aber nicht wie?

Kann mir jemand helfen???
Wäre echt super nett...

Besten Dank im voraus sagt
Sandra

[Cheatah]

Hi,

Ich habe einen Button den ich "onmouseover" ca. 50px nach rechts rücken lassen möchte und "onmouseout" wieder zurück.
Weiß aber nicht wie?

button:hover { margin-left:50px; }

Ich hoffe nur, nach diesem Sprung ist man immer noch über dem Button.

Cheatah

[Sandra]

Hallöchen,

vielen Dank für Deine Hilfe, aber im Moment stehe ich glaub' ich ein wenig auf der Leitung ;-(

Funktioniert

button:hover { margin-left:50px; }

auch, wenn es sich um ein Image handelt oder nur bei einem Text-Button???

Gruß
Sandra

[Cheatah]

Hi,

Funktioniert

button:hover { margin-left:50px; }
auch, wenn es sich um ein Image handelt oder nur bei einem Text-Button???

das funktioniert bei all jenen Browsern, die die Pseudoklasse :hover bei allen Elementen kennen; sprich: bei allen, die dem CSS/1.0-Stadium entwachsen sind (was seit 1998 der Fall sein kann)[1]. Der Selektor muss natürlich angepasst werden, wenn das Element nicht mehr <button> sondern z.B. <img>, <span> oder <input> heißt. margin-left ist jedenfalls schon CSS/1.0-Bestandteil und "applies to: all elements" (http://www.w3.org/TR/CSS21/box.html#propdef-margin-left).

Cheatah

[1] Der IE gehört bis heute nicht dazu.