Deux images superposées dans un div

j'aurais besoin de superposer deux images dans un div qui lui meêm doit être centré sur la page .

le div doit être en overflow auto

Code:

---

1 2 3 4

<div id="cont"> <img id="face" src="pics/face.gif" /> <img id="slider" src="pics/slider.png" /> </div>

---

j'arrive à superposer les images en leur commant des zindex; mais je perds l'overflow hidden du conteneur :(

Une solution serait de mettre ton div en position:relative et utiliser margin pour le centrer
Ensuite tu places en position:absolute les 2 images avec les memes coordonnées ( top et left à 0 par exemple)

exemple

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

#cont{ position:relative; overflow:hidden; margin:10px auto; /*pour centrer*/ width:200px; /*par exemple*/ height:200px; /*par exemple*/ } #face, #slider{ position:absolute; top:0; left:0; }

---

utilise une classe pour tes images pour qu'elles aient le meme style

Mais bon sang mais c'est bien sur !!!!

il me fallait juste inverser l'ordre des images dans le flux de la page

Mille mercis de m'avoir ouvert les yeux duckbill !!! :lahola:

Pour le coup de id, comme je dois ensuite gérer les images en deplacement avec jquery je préfère leur garder le pointage par id plutot que de passer par class ...

:ccool:

++