superposer 2 images en html

Bonjour,
svp j'ai une grande image et une deuxieme image plus petite.
je voudrais placer la petite image au centre de la grande image en html.
merci.

Salut,
tu n'as qu'à placer la deuxième image (la petite) en relative par rapport à la grande;

un truc du genre

Code:

---

1 2 3 4 5

<div> <img id="petite-image" src="[ton chemin]"> <img id="grande-image" src="[ton chemin]"> </div>

---

dans le css

Code:

---

1 2 3 4 5

div#petite-image{ position:relative; margin: xxxx }

---

Voilà une idée !

merci pour vos reponses. voila aussi une troisième solution proposé par weetabix40:

Code:

---

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

<table width="800" height="480" border="0" background="http://interfacelift.com/wallpaper/downloads/01718_colorsmakelifebetter_800x480.jpg"> <tr> <td><div align="center"> <table width="256" height="256" background="http://www.customxp.net/..."> <tr> <td></td> </tr> </table> </div> </td> </tr> </table>

---

Elle est bonne ta solution ! mais n'est pas valide w3c, les tableaux ne doivent pas être utilisée pour la mise en page.

Si cela te convient tu peux mettre le poste en résolu.

Citation:

---

Envoyé par thes32

Elle est bonne ta solution ! mais n'est pas valide w3c, les tableaux ne doivent pas être utilisée pour la mise en page.

---

Attention, la validation d'une page ne prend pas en considération l'aspect sémantique mais uniquement la structure du code en fonction du DTD ;)