Centrer dans un TD deux images superposées

Bonjour,

je m'arrache les cheveux pour centrer dans une case d'un tableau deux images(en les superposant).

Code:

---

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

<table> <tr> <td>   </td> <td> <div id="Layer1" style="position:absolute;z-index:1"><img name="xxx" src="img2.png" width="274" height="285" alt=""></div> <div id="Layer2" style="position:absolute;z-index:2"><img name="yyy" src="img1.png" width="180" height="240" alt=""></div> </td> </tr> </table>

---

Ce code me permet de superposer les deux images cependant, je n'arrive pas à centrer les deux images aux milieux de la cellule.

Merci de votre aide

On peut imagine plusieurs choses selon ce que tu souhaites faire et la fonction de tes images. Par exemple:

Code:

---

1 2 3

<td style="background:url(img2.png) no-repeat center center; vertical-align:middle;text-align:center;"> <img id="yyy" src="img1.png" width="180" height="240" alt=""> </td>

---

ou encore:

Code:

---

1 2 3 4 5 6

<td style="vertical-align:middle;text-align:center;"> <div style="position:relative;"> <img id="xxx" src="img2.png" width="274" height="285" alt="text alternatif"> <img id="yyy" src="img1.png" width="180" height="240" alt="text alternatif" style="position:absolute;left:50%;top:50%; margin-left:-90px;margin-top:-120px;"> </div> </td>

---