Position image dans div

bonjour à tous,
Je ne comprends pas pourquoi ceci ne fonctionne pas :

Code:

---

1 2 3 4

echo "<div STYLE='background:#000000; width:144px ; height:53px ; cursor:pointer ; background-image : url(./images/accueil_all.png) ; background-position : 0px 0px; background-repeat: no-repeat ; float:left;' onmouseover=\" this.style.top='20px'; this.style.backgroundImage='url(./images/accueil_all.png)' ; return true ; \" onmouseout=\" this.style.backgroundImage='url(./images/Accueil-over.jpg)'; return true ; \" >"; echo "</div>";

---

Si je modifie le background-position : 0px 0px; dans le style du php, ca marche très bien, mon image se déplace dans le div, mais si je le fais en javascript, impossible de déplacer mon image ???
Comment faire, this.style.top='20px'; n'est pas la bonne solution ?

Merci beaucoup à tous pour votre coup de main

Rg

Bonjour,

mets le code généré plutot que le PHP (meme s'il n'est pas lourd), ca sera plus clair.

je ne sais pas ce que tu veux faire avec

Code:

---

style.top

---

mais ca n'a rien à voir avec background-position.

je te conseillerais plutot d'avoir des classes CSS :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28

/*ton css au depart*/ .normal { background:#000000; width:144px ; height:53px ; cursor:pointer ; background-image : url(uneimage.jpg) ; background-position : 0px 0px; background-repeat: no-repeat ; float:left; }   /*ton css onMouseOver*/ .quand_mouse_over { background:#000000; width:144px ; height:53px ; cursor:pointer ; background-image : url(uneautre.jpg) ; background-position : 20px 0px; background-repeat: no-repeat ; float:left; }   /*ton css onMouseOut*/ .quand_mouse_out { ... }

---

et tu changes la classe en javascript :

Code:

---

.. onmouseover="this.style.className='quand_mouse_over'" onmouseout="this.style.className='quand_mouse_out'"

---

Toujours est-il que ton

Code:

---

this.style.top

---

s'applique à la div, ce qui n'a pas grand sens puisqu'elle n'est pas positionnée...
Si c'est la position de l'image que tu veux modifier, c'est plutôt :

Code:

---

this.style.backgroundPosition

---

oulala j'avais lu un tableau sur un site qui disait que cette méthode n'existait pas en javascript, du coup j'avais essayé de chercher à faire autrement
Mais évidemment ceici

Code:

---

this.style.backgroundPosition

---

fonctionne parfaitement.

Merci beaucoup à vous tous pour votre aide.

Rg