28173 sujets

CSS et mise en forme, CSS3

Empilement avec z-index ne marche pas

Bonjour,

j'ai essayé d'empiler deux style css avec la fonction z-index mais ca ne marche pas, voici mon code css :


.flash_coll {
	width: 954px;
	height:626px;
	position: absolute;
	left: -104px;
	top: 8px;
	z-index:1;
}

.menu_haut_coll {
	width: 760px;
	height:14px;
	left: 50%;
	margin-left: -380px;
	margin-top: -221px;
	position: absolute;
	top: 50%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	font-family: Arial;
	font-size: 9px;
	color: #555555;
	z-index:2;
}


et voilà mon code html (dans l'élément .flash_coll il y a un swf):


<body>
<div class="menu_haut_coll"><a href="collection.hmtl">COLLECTIONS</a>&nbsp;&nbsp; I  &nbsp; <a href="marque.html">NOTRE MARQUE</a>  &nbsp; I  &nbsp; <a href="fabrication.html">FABRICATION</a>  &nbsp; I  &nbsp; <a href="news/index.php">NEWS</a>   &nbsp; I&nbsp;&nbsp; <a href="membres.html">ESPACE MEMBRES</a>
</div>
			<div class="flash_coll">
			  
			<div id="flashcontent">
			
				  <script type="text/javascript">
			
					// <![CDATA[
			
					
			
					var myFlashObject = new FlashObject("gallery.swf", "gallery", "100%", "100%", 6, "#ffffff");
			
					myFlashObject.addParam("scale", "noscale");
			
					myFlashObject.addVariable("request", getQueryParamValue("image"));
			
					myFlashObject.addVariable("photosXmlFile", "photos.xml");
			
					myFlashObject.addVariable("configXmlFile", "galleryconfig.xml");
			
					myFlashObject.write();
			
					
			
					// ]]>
			
				</script>
							</div>
</div>


en fait, mon élément .menu_haut_coll doit être au dessus de l'élément .flash_coll mais comme ca ca ne marche pas...

une idée pourquoi ??

merci d'avance
Sujet clos
Aller à