18073 sujets

Questions générales et questions de débutants

Chevauchement de div

Bonjour à tous,

j'aimerais faire chevaucher un div par dessus 2 autres
En gros j'ai un div qui contient le haut du cadre, le bloc et le bas du cadre (bref j'ai des cadres étirables).
Dans le bloc j'ai 2 div dont un qui sera celui que je veux faire chevaucher par dessus le haut et le bas du cadre

voici ce que je veux obtenir
upload/6661-option.gif
c'est donc le div option que je veux créer mais je sais pas comment faire...


voici les extraits de code si nécessaire
HTML

<div class="produit">
						<div id="haut_jaune1"></div>
							<div class="option">OPTION</div>
						<div id="bloc_jaune1">
							<div class="prestations">
								<h2><span class="blanc">></span> Définition de votre cahier des charges</h2>
								<ul>
									<li> Description de votre entreprise </li>
									<li> Définition du poste et du profil </li>
								</ul>
							</div>
						</div>
						<div id="bas_jaune1"></div>
					</div>


CSS

.produit
{
	height:100%;
	overflow:hidden;
	margin: 20px 70px 0px 70px;
	padding: 0px 0px 0px 0px;
	text-align:left;
	clear:both;
}
.prestations
{
	float:left;
	width:80%;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 0px;
}
#haut_jaune1

{ width: 540px; height: 25px; background-image:url(images/cadres/haut_jaune1.gif);  }

#bloc_jaune1
{ width:540px; height:100%; overflow:hidden; background-image:url(images/cadres/bloc_jaune1.gif); }

#bas_jaune1
{ width: 540px; height: 25px; background-image:url(images/cadres/bas_jaune1.gif); }


Et donc evidemment je ne vous donne pas le css pour la classe option car je n'y arrive pas

merci pour votre aide

ciao
Modifié par djalouk (14 Jun 2006 - 10:30)
Salut,

je comprends pas trop ce que tu veux faire mais va chercher du cote du z-index
up, et bien ce que je veux faire, l'image l'illustre parfaitement, y a un div qui contient Option placé dans un autre div, sachant que ces 2 cadres sont découpés de la meme facon avec 3 images haut, bloc(image de 1px de hauteur qui se repète) et bas avec une largeur fixe le div option doit fait la meme taille que le div qui est en orange dans l'illustration...

Enfin peut etre qu'il ne faut pas procéder comme ça, peut etre utiliser des marges négavtives ou position relative pour que le div option s'adapte bien...je sais pas trop...

merci pour votre aide
Modifié par djalouk (19 Jul 2006 - 16:15)
Sujet clos
Aller à