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
J'ai essayé wmode transparent mais sans succès...
Un coup de main serait le bienvenu... Merci !!
MENU / BANNIERE FLASH
CSS
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
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; }