Discussion :

[terminoz]

Salut

Je voudrai savoir comment on pouvait faire en html une superposition de deux images ?

Merci d'avance

[xmarabout]

Pour superposer deux images, tu dois les placer l'une et l'autre dans des tag <div> du genre:

<div id="Layer1" style="position:absolute; left:137px; top:77px; width:136px; height:132px; z-index:1"><img name="xxx" src="img1.gif" width="137" height="132" alt=""></div>
<div id="Layer2" style="position:absolute; left:195px; top:110px; width:64px; height:58px; z-index:2"><img name="yyy" src="img2.gif" width="66" height="58" alt=""></div>

Les deux images sont ici superposées mais suivant la position de tes div et leur taille, elles se superposeront totalement ou pas entièrement.
Le z-index te permet de déterminer quel div est au dessus de l'autre: celui qui a le z-index le plus grand est le plus à l'avant-plan.

[terminoz]

Cela n'est possible qu'avec les balises <div></div> ou est-ce possible avec des balise comme <td></td>

[glloq8]

Non, ce n'est pas possible avec les <td>

Le <td> sont des cellules d'un tableau. Il est impossible de supperposer 2 cellules d'un tableau, !

La meilleur solution est celle donnée au dessus

[terminoz]

Ok je vous remercie

[Cracking_Cow]

Tu peux aussi mettre le style sur l'image, pas besoin d'un DIV...

[terminoz]

C'est a dire ???

[ilood]

Salut,

C'est à dire :

Code :

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

<img style="display:block; position:absolute; left:137px; top:77px; width:137px; height:132px; z-index:1" src="img1.gif" width="137" height="132" alt="Mon image 1">

Le mieux étant de définir des id et class et d'utiliser une feuille de style séparée plutot que d'utiliser l'attribut style.