Superpostion de 2 images

Bonjour ,

Je suis face a un probleme et un manque d'ingeniosité , je veux superposer 2 images redimentionnées et qui dit redimentionnement dit pas de background ...

Quelqu'un aurais t'il une idée pour afficher une image par dessus l'autre ?

Pour les curieux , la 1er images est une photo la seconde est un cadre dont le centre est transparent , en superposant les 2 images je vise a simuler un cadre autour de l'image ...

Bonjour jarodxxx,

Essayes comme ceci :

<div style="position: relative;height: 200px;">
<img src="cadre.gif" style="position: absolute;top: 0;left: 0;" alt="" />
<img src="photo.gif" style="position: absolute;top: 10px;left: 10px;" alt="" />
</div>

Modifié par papillon41 (26 Dec 2006 - 14:47)

Genial ca marche tres bien !

Mais comme je maitrise PAS DU TOUT les positionnement je n'arive pas a afficher 3 fois de suite ce code ...

finalement j'ai reussi a le faire de la maniere suivante ...

<div style="position: relative;">
<img src="upload/toto.JPG" width="160" style="position: absolute;top: 0px;left: 0px;" alt="" />
<img src="images/cache.gif" width="160" style="position: absolute;top: 0;left: 0;" alt="" />
</div>

<div style="position: relative;">
<img src="upload/toto_1.JPG" width="160" style="position: absolute;top: 0px;left: 161px;" alt="" />
<img src="images/cache.gif" width="160" style="position: absolute;top: 0;left: 161px;" alt="" />
</div>

<div style="position: relative;">
<img src="upload/toto_2.JPG" width="160" style="position: absolute;top: 0px;left: 322px;" alt="" />
<img src="images/cache.gif" width="160" style="position: absolute;top: 0;left: 322px;" alt="" />
</div>

Je dooute que ce soit la meilleurs maniere pour le faire mais ca marche !

c'était ton seul moyen d'y arriver à partir du moment que tu met de l'absolute...

ok merci ! ! ca marche tres bien comme ca