Discussion :

[johnson95]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Candygirl]

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>