5568 sujets

Sémantique web et HTML

Bonjour,
Quand je passe sur le menu, le sous-menu apparait mais décale vers le bas la bannière flash et le reste de la page... pas très sympa comme effet Smiley smile
J'ai essayé wmode transparent mais sans succès...

Un coup de main serait le bienvenu... Merci !!

MENU / BANNIERE FLASH


<div id="menuDeroulant">
<ul>
    <li><a href="#"> <img src="images/home.png" border="0"></a></li>
 <li>
  <a href="#">Menu 1</a>
  <ul class="sousMenu">
   <li><a href="#">Sous-menu 1</a></li>
   <li><a href="#">Sous-menu 2</a></li>
   <li><a href="#">Sous-menu 3</a></li>
  </ul>
 </li>
 <li>
  <a href="#">Menu 2</a>
  <ul class="sousMenu">
   <li><a href="#">Sous-menu 1</a></li>
   <li><a href="#">Sous-menu 2</a></li>
   <li><a href="#">Sous-menu 3</a></li>
 </ul>
 </li>
 <li>
  <a href="#">Menu 3</a>
  <ul class="sousMenu">
   <li><a href="#">Sous-menu 1</a></li>
   <li><a href="#">Sous-menu 2</a></li>
   <li><a href="#">Sous-menu 3</a></li>
 </ul>
 </li>
 <li>
  <a href="#">Menu 4</a>
  <ul class="sousMenu">
   <li><a href="#">Sous-menu 1</a></li>
   <li><a href="#">Sous-menu 2</a></li>
   <li><a href="#">Sous-menu 3</a></li>
 </ul>
 </li>
 </ul>

</div>
<!-- end div#menu -->
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
			// JAVASCRIPT VARS
			// cache buster
			var cacheBuster = "?t=" + Date.parse(new Date());		
			
			// stage dimensions
			var stageW = 940;//"100%";
			var stageH = 255;//"100%";
			
			
			// ATTRIBUTES
		    var attributes = {};
		    attributes.id = 'FlabellComponent';
		    attributes.name = attributes.id;
		    
			// PARAMS
			var params = {};
			params.bgcolor = "#ffffff";
			params.wmode = "transparent";

		    /* FLASH VARS */
			var flashvars = {};				
			
			/// if commented / delete these lines, the component will take the stage dimensions defined 
			/// above in "JAVASCRIPT SECTIONS" section or those defined in the settings xml			
			flashvars.componentWidth = stageW;
			flashvars.componentHeight = stageH;
			
			/// path to the content folder(where the xml files, images or video are nested)
			/// if you want to use absolute paths(like "http://domain.com/images/....") then leave it empty("")
			flashvars.pathToFiles = "banner/";
			flashvars.xmlPath = "xml/banner.xml";
						
			
			/** EMBED THE SWF**/
			swfobject.embedSWF("preview.swf"+cacheBuster, attributes.id, stageW, stageH, "9.0.124", "js/expressInstall.swf", flashvars, params);
			
		</script>



CSS

#menuDeroulant
{
 	width: 940px;
 	list-style-type: none;
	height: 47px;
	margin: 0 auto;
	background: url(images/img02.jpg) repeat-x left top; 
 	padding: 0;
 	border: 0;
	z-index: 1000;

}
#menuDeroulant li
{
 	display: inline;
	text-align: center;
	position:relative; 
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu
{
 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}
#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li a:link, 
#menuDeroulant li a:visited
{
 display: block;
 height: 1%;
 color: #000;
 background: #ebe6e2;
 margin: 0;
 padding: 15px 20px 0px 20px;
 text-decoration: none;
 	text-align: left;
	font-size: 12px;
	font-weight: bold;
}
#menuDeroulant li a:hover { color: #009EDF; }
#menuDeroulant li a:active { color: #009EDF; }

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: #000;
 margin: 0;
 border: 0;
 text-decoration: none;
 padding: 5px 20px 0px 20px;
}
#menuDeroulant .sousMenu li a:hover { color: #009EDF;}

#menuDeroulant li:hover > .sousMenu { display: block; }
Bonjour,
Je suis nouvelle sur ce forum, mais j'aurais bien besoin d'un coup de main !
Y aurait-il qq'un pour m'aider svp ?
Merci
Administrateur
Bonjour et bienvenue,

je ne vois pas de positionnement en absolu, pourtant nécessaire pour que les sous-menus sortent du flux et ne "poussent" pas le reste du contenu quand ils apparaissent.
Merci pour votre aide.
Effectivement, c'est mieux... sauf que le sous menu se glisse maintenant sous la bannière flash... Smiley decu
Des idées ?
Merci encore
MEA CULPA ! j'avais oublié de remettre le wmode transparent.... Donc problème résolu !

Merci d'avoir pris le temps de me répondre et bravo pour votre forum et les tutos, qui sont vraiment d'une très grande aide quand on se lance !!