bonjour,
je dois réaliser un filigrane prix en baisse à placer sur une image existante dans un td de tableau.
J'ai donc ajouté un div dans lequel j'ai placé mes deux images, elles se superposent bien seulement, je ne parviens pas à les centrer.
si je fais un text-align:center, les images sont centrés mais avec un décalage de 20px vers la droite en plus et je ne sais pas d'ou il vient.
A noter que j'ai des images de largeur différentes.
Voici le HTML extrait du PHP :
Voici le CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6 <td width="50%"> <div id="filigrane-prix" style="height:150px;"> <img id="diap2350" class="bordvert2px superpose" height="150" alt="MAISON DE VILLAGE REGION BONNETABLE" name="diap2350" src="asp/photos/2350p1.jpg"> <img class="filigrane-prix-image superpose" border="0" src="images/filigrane-prix.png"> </div> </td>
si vous avez une autre solution d'alignement, je veux bien.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 #filigrane-prix { position:relative; } img.superpose { position: absolute; z-index:2; } .filigrane-prix-image { z-index: 10; }
Partager