Salut
Je voudrai savoir comment on pouvait faire en html une superposition de deux images ?
Merci d'avance
Version imprimable
Salut
Je voudrai savoir comment on pouvait faire en html une superposition de deux images ?
Merci d'avance
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.
Cela n'est possible qu'avec les balises <div></div> ou est-ce possible avec des balise comme <td></td>
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
Ok je vous remercie
Tu peux aussi mettre le style sur l'image, pas besoin d'un DIV...
C'est a dire ???
Salut,
C'est à dire :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.Code:<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">