Discussion :

[choko62]

Bonjour a tous !!

Voila j'aimerais simplement pouvoir caler une image au dessus d'une autre !!
Je m'explique pour mon cas, j'ai un(e) <div> qui fait le haut de la page ou j'ai mis un background sur toute la largeur (on peut le definir comme la bannière) et un(e) <div> en dessous qui contient une image, c'est une espece de bordure arrondie (qui serais le haut de ma page principale) donc j'aimerais tout simplement savoir comment le mettre par dessus la premiere image !!

Au niveau de mon code pour l'image du haut j'ai mis:

Code :

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

1
2
3
4
 
#header{
	background: #FFF url(../images/Top_Blue.gif) repeat-x top;
}

Donc directement dans le fichier .css associé.

Et pour la seconde image:

Code :

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

1
2
 
<div id="top-body"><center><img src="images\border_top.jpg"></center></div>

Voila, ce qu'il se passe c'est que les 2 images s'affiche correctement mais Top_Blue.gif est au dessus de l'autres (alors que j'aimerais l'inverse...)

Merci d'avance pour vos reponses et votre aide !!

Cordialement

[cels]

Ta premiere div doit etre placee au dessus.

As tu essaye de mettre la deuxieme avec un z-index superieur ?

Code :

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

#top-body{z-index:5;}

[MasterOfChakhaL]

Salut,

Une solution est proposée dans la FAQ: http://xhtml.developpez.com/faq/?pag..._superposition