Problème menu déroulant
grenouille69
Messages postés
11
Statut
Membre
-
Gihef Messages postés 5165 Statut Contributeur -
Gihef Messages postés 5165 Statut Contributeur -
Bonjour,
Je suis actuellement en train de m'en voir avec mon menu déroulant. Je vous explique :
Mon menu est horizontal, lors du rollover sur 1 de mes boutons, un sous-menu vertical apparait sous le bouton en question.
Mon problème est le suivant :
le sous-menu passe sous ma div de contenu, donc on ne voit pas mon sous-menu et on ne peut pas cliquer dessus. J'ai bien entendu essayé avec l'attribut z-index, mais rien n'a fonctionné.
Je vous copie mon code, si vous pouvez me dire ce qui cloche parce que là je galère vraiment.
Merci à vous.
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (site-final.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
site_final_03_over = newImage("images/site-final_03-over.gif");
site_final_04_over = newImage("images/site-final_04-over.gif");
site_final_05_over = newImage("images/site-final_05-over.gif");
site_final_06_over = newImage("images/site-final_06-over.gif");
site_final_07_over = newImage("images/site-final_07-over.gif");
site_final_09_over = newImage("images/site-final_09-over.gif");
site_final_10_over = newImage("images/site-final_10-over.gif");
site_final_12_over = newImage("images/site-final_12-over.gif");
site_final_13_over = newImage("images/site-final_13-over.gif");
site_final_14_over = newImage("images/site-final_14-over.gif");
site_final_15_over = newImage("images/site-final_15-over.gif");
site_final_17_over = newImage("images/site-final_17-over.gif");
preloadFlag = true;
}
}
function divaffiche_tour(){
document.getElementById("mc_tour").style.display = "inline";
}
function divcache_tour(){
document.getElementById("mc_tour").style.display = "none";
}
function divaffiche_partenaires(){
document.getElementById("mc_partenaires").style.display = "inline";
}
function divcache_partenaires(){
document.getElementById("mc_partenaires").style.display = "none";
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</head>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<center>
<div>
<div style="width:1024px">
<div style="float:left; width:608px; height:150px"><img src="images/site-final_01.gif" border="0" alt="tour de france humanitaire"></div>
<div style="float:left; width:416px; height:150px"><img src="images/site-final_02.gif" border="0" alt="tour de france humanitaire"></div>
</div>
<div style="width:1024px">
<div style="float:left; width:218px; top:150px">
<a href="index.html"
ONMOUSEOVER="changeImages('site-final_03', 'images/site-final_03-over.gif'); return true;"
ONMOUSEOUT="changeImages('site-final_03', 'images/site-final_03.gif'); return true;">
<img src="images/site-final_03.gif" name="site-final_03" border="0" width="218" height="69">
</a>
</div>
<div id="m_tour" style="float:left; width:196px; top:150px"
ONMOUSEOVER="changeImages('site-final_04', 'images/site-final_04-over.gif'); divaffiche_tour(); return true;"
ONMOUSEOUT="changeImages('site-final_04', 'images/site-final_04.gif'); divcache_tour(); return true;">
<a href="tdf.html"><img src="images/site-final_04.gif" name="site-final_04" border="0" width="196" height="69"></a>
<div style="display:none" id="mc_tour" class="menu"
onmouseover="changeImages('site-final_04', 'images/site-final_04-over.gif'); divaffiche_tour(); return true;"
onmouseout="changeImages('site-final_04', 'images/site-final_04.gif'); divcache_tour(); return true;">
<a href="#"><img src="images/site-final_09.gif" name="site-final_09" border="0"></a>
<a href="#"><img src="images/site-final_13.gif" name="site-final_13" border="0"></a>
<a href="#"><img src="images/site-final_15.gif" name="site-final_15" border="0"></a>
<a href="#"><img src="images/site-final_17.gif" name="site-final_17" border="0"></a>
</div>
</div>
<div id="m_partenaires" style="float:left; width:194px; top:150px"
ONMOUSEOVER="changeImages('site-final_05', 'images/site-final_05-over.gif'); divaffiche_partenaires(); return true;"
ONMOUSEOUT="changeImages('site-final_05', 'images/site-final_05.gif'); divcache_partenaires(); return true;">
<a href="partenaires.html"><img src="images/site-final_05.gif" name="site-final_05" border="0" width="194" height="69"></a>
<div style="display:none" id="mc_partenaires" class="menu"
onmouseover="changeImages('site-final_05', 'images/site-final_05-over.gif'); divaffiche_partenaires(); return true;"
onmouseout="changeImages('site-final_05', 'images/site-final_05.gif'); divcache_partenaires(); return true;">
<a href="#"><img src="images/site-final_10.gif" name="site-final_10" border="0"></a>
<a href="#"><img src="images/site-final_12.gif" name="site-final_12" border="0"></a>
<a href="#"><img src="images/site-final_14.gif" name="site-final_14" border="0"></a>
</div>
</div>
<div style="float:left; width:198px; top:150px">
<a href="blog.html"
ONMOUSEOVER="changeImages('site-final_06', 'images/site-final_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('site-final_06', 'images/site-final_06.gif'); return true;">
<img src="images/site-final_06.gif" name="site-final_06" border="0" width="198" height="69">
</a>
</div>
<div style="float:left; width:198px; top:150px">
<a href="inscription.html"
ONMOUSEOVER="changeImages('site-final_07', 'images/site-final_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('site-final_07', 'images/site-final_07.gif'); return true;">
<img src="images/site-final_07.gif" name="site-final_07" border="0" width="218" height="69">
</a>
</div>
</div>
<div style="text-align:left; width:1024px; background-color:#0033FF; position:absolute; top:230px">Hello everybody hrfv aelv aevgra aevrnlkgv ebi oveaz vfjkiernv ehjvrevejbrvek uqrevjhrev qoviebnv ekjnvje ve vuez vhen<br> erbsganrzbdb aetb ry,y yi V</div>
</div>
</center>
</body>
Je suis actuellement en train de m'en voir avec mon menu déroulant. Je vous explique :
Mon menu est horizontal, lors du rollover sur 1 de mes boutons, un sous-menu vertical apparait sous le bouton en question.
Mon problème est le suivant :
le sous-menu passe sous ma div de contenu, donc on ne voit pas mon sous-menu et on ne peut pas cliquer dessus. J'ai bien entendu essayé avec l'attribut z-index, mais rien n'a fonctionné.
Je vous copie mon code, si vous pouvez me dire ce qui cloche parce que là je galère vraiment.
Merci à vous.
<head>
<title>Document sans titre</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<!-- ImageReady Preload Script (site-final.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
site_final_03_over = newImage("images/site-final_03-over.gif");
site_final_04_over = newImage("images/site-final_04-over.gif");
site_final_05_over = newImage("images/site-final_05-over.gif");
site_final_06_over = newImage("images/site-final_06-over.gif");
site_final_07_over = newImage("images/site-final_07-over.gif");
site_final_09_over = newImage("images/site-final_09-over.gif");
site_final_10_over = newImage("images/site-final_10-over.gif");
site_final_12_over = newImage("images/site-final_12-over.gif");
site_final_13_over = newImage("images/site-final_13-over.gif");
site_final_14_over = newImage("images/site-final_14-over.gif");
site_final_15_over = newImage("images/site-final_15-over.gif");
site_final_17_over = newImage("images/site-final_17-over.gif");
preloadFlag = true;
}
}
function divaffiche_tour(){
document.getElementById("mc_tour").style.display = "inline";
}
function divcache_tour(){
document.getElementById("mc_tour").style.display = "none";
}
function divaffiche_partenaires(){
document.getElementById("mc_partenaires").style.display = "inline";
}
function divcache_partenaires(){
document.getElementById("mc_partenaires").style.display = "none";
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</head>
<BODY BGCOLOR=#FFFFFF LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<center>
<div>
<div style="width:1024px">
<div style="float:left; width:608px; height:150px"><img src="images/site-final_01.gif" border="0" alt="tour de france humanitaire"></div>
<div style="float:left; width:416px; height:150px"><img src="images/site-final_02.gif" border="0" alt="tour de france humanitaire"></div>
</div>
<div style="width:1024px">
<div style="float:left; width:218px; top:150px">
<a href="index.html"
ONMOUSEOVER="changeImages('site-final_03', 'images/site-final_03-over.gif'); return true;"
ONMOUSEOUT="changeImages('site-final_03', 'images/site-final_03.gif'); return true;">
<img src="images/site-final_03.gif" name="site-final_03" border="0" width="218" height="69">
</a>
</div>
<div id="m_tour" style="float:left; width:196px; top:150px"
ONMOUSEOVER="changeImages('site-final_04', 'images/site-final_04-over.gif'); divaffiche_tour(); return true;"
ONMOUSEOUT="changeImages('site-final_04', 'images/site-final_04.gif'); divcache_tour(); return true;">
<a href="tdf.html"><img src="images/site-final_04.gif" name="site-final_04" border="0" width="196" height="69"></a>
<div style="display:none" id="mc_tour" class="menu"
onmouseover="changeImages('site-final_04', 'images/site-final_04-over.gif'); divaffiche_tour(); return true;"
onmouseout="changeImages('site-final_04', 'images/site-final_04.gif'); divcache_tour(); return true;">
<a href="#"><img src="images/site-final_09.gif" name="site-final_09" border="0"></a>
<a href="#"><img src="images/site-final_13.gif" name="site-final_13" border="0"></a>
<a href="#"><img src="images/site-final_15.gif" name="site-final_15" border="0"></a>
<a href="#"><img src="images/site-final_17.gif" name="site-final_17" border="0"></a>
</div>
</div>
<div id="m_partenaires" style="float:left; width:194px; top:150px"
ONMOUSEOVER="changeImages('site-final_05', 'images/site-final_05-over.gif'); divaffiche_partenaires(); return true;"
ONMOUSEOUT="changeImages('site-final_05', 'images/site-final_05.gif'); divcache_partenaires(); return true;">
<a href="partenaires.html"><img src="images/site-final_05.gif" name="site-final_05" border="0" width="194" height="69"></a>
<div style="display:none" id="mc_partenaires" class="menu"
onmouseover="changeImages('site-final_05', 'images/site-final_05-over.gif'); divaffiche_partenaires(); return true;"
onmouseout="changeImages('site-final_05', 'images/site-final_05.gif'); divcache_partenaires(); return true;">
<a href="#"><img src="images/site-final_10.gif" name="site-final_10" border="0"></a>
<a href="#"><img src="images/site-final_12.gif" name="site-final_12" border="0"></a>
<a href="#"><img src="images/site-final_14.gif" name="site-final_14" border="0"></a>
</div>
</div>
<div style="float:left; width:198px; top:150px">
<a href="blog.html"
ONMOUSEOVER="changeImages('site-final_06', 'images/site-final_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('site-final_06', 'images/site-final_06.gif'); return true;">
<img src="images/site-final_06.gif" name="site-final_06" border="0" width="198" height="69">
</a>
</div>
<div style="float:left; width:198px; top:150px">
<a href="inscription.html"
ONMOUSEOVER="changeImages('site-final_07', 'images/site-final_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('site-final_07', 'images/site-final_07.gif'); return true;">
<img src="images/site-final_07.gif" name="site-final_07" border="0" width="218" height="69">
</a>
</div>
</div>
<div style="text-align:left; width:1024px; background-color:#0033FF; position:absolute; top:230px">Hello everybody hrfv aelv aevgra aevrnlkgv ebi oveaz vfjkiernv ehjvrevejbrvek uqrevjhrev qoviebnv ekjnvje ve vuez vhen<br> erbsganrzbdb aetb ry,y yi V</div>
</div>
</center>
</body>
A voir également:
- Problème menu déroulant
- Menu déroulant excel - Guide
- Excel menu déroulant en cascade - Guide
- Menu déroulant google sheet - Accueil - Guide bureautique
- Canon quick menu - Télécharger - Utilitaires
- Enlever menu déroulant excel ✓ - Forum Word
