Bonjour,
J'ai effectuer 1h voir 2h de recherche sur le forum sans trouver de réponse à mon problème :s.
J'ai donc suivi le tutoriel du menu déroulant horizontal. Il marche d'ailleur très bien, le seul problème, c'est que lorsque je passe la souris sur un sous menu "déroulé" et qu'il y a du texte derrière, le sous menu disparait.
J'ai donc tester divers solution, j'ai mit des z-index partout, des position absolute, mais rien y a fait...
Auriez vous une solution ?
Voici le CSS.. un peu long dsl ^^
J'ai effectuer 1h voir 2h de recherche sur le forum sans trouver de réponse à mon problème :s.
J'ai donc suivi le tutoriel du menu déroulant horizontal. Il marche d'ailleur très bien, le seul problème, c'est que lorsque je passe la souris sur un sous menu "déroulé" et qu'il y a du texte derrière, le sous menu disparait.

J'ai donc tester divers solution, j'ai mit des z-index partout, des position absolute, mais rien y a fait...
Auriez vous une solution ?
Voici le CSS.. un peu long dsl ^^
/* CSS Document */
body {
background: #cccccc url("../images/bg_grad.jpg") fixed;
font: 80% verdana, arial, sans-serif;
padding:0px 0px 0px 0px ;
margin:0px 0px 0px 0px ;
}
#general {
margin-left: auto;
margin-right: auto;
padding:0px;
width:760px;
height:1500px;
background:url(Test/images/inter_01.jpg) no-repeat;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
/*
///////////////////////////////////////////////////////////////////////
//////////////////////////CSS du menu haut/////////////////////////////
///////////////////////////////////////////////////////////////////////
*/
#menu_global {
width:760px;
height:41px;
}
#menu {
position: absolute; /* placement du menu, à modifier selon vos besoins */
top:0;
left:O;
margin-top:41px;
width: 100%; /* correction pour Opera */
z-index:1000;
}
.test {
padding-top:10px;
}
#menu dl {
float: left;
width: 118px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: url("Test/images/menu_02.jpg");
height:39px;
width:119px;
color:#FFFFFF;
}
#menu .ext_menu {
cursor: pointer;
text-align: center;
font-weight: bold;
background: url("Test/images/menu_01.jpg");
height:39px;
color:#FFFFFF;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
line-height:18px;
}
#menu dt a:hover, #menu dt a:focus {
background: url("images/menu2.jpg");
}
#menu li a:hover, #menu li a:focus {
background: #CCCCCC;
}
/*
//////////////////////////////////////////////////////////////////////////////
////CSS qui affiche le moteur de recherche et lien lien recherche avancé./////
//////////////////////////////////////////////////////////////////////////////
*/
#search {
background:url(Test/images/inter_03.jpg) no-repeat;
float:right;
margin-top:-41px;
width: 100%; /* correction pour Opera */
width:284px;
height:81px;
}
#plcmt a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
margin-left:40px;
}
#plcmt a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:underline;
color:#FFFFFF;
margin-left:40px;
}
#plcmt {
margin-left:85px;
margin-top:34px;
}
/*
//////////////////////////////////////////////////////////////////////////////
///////CSS de la partie qui affiche la rubrique, le tite de la page///////////
//////////////////////////////////////////////////////////////////////////////
*/
#rubrique {
background:url(Test/images/inter_04.jpg) no-repeat;
float:left;
width: 100%; /* correction pour Opera */
width:476px;
height:42px;
margin-top:-2px;
z-index: 100dd;
}
#title_rubrique {
position: absolute;
z-index: 200;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bolder;
margin-top:10px;
margin-left:25px;
z-index: 2;
}
/*
//////////////////////////////////////////////////////////////////////////////
///////////////////////CSS des liens haut de page/////////////////////////////
//////////////////////////////////////////////////////////////////////////////
*/
#minilink {
margin-top:25px;
margin-left:650px;
color:#FFFFFF;
}
#minilink a {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:none;
color:#FFFFFF;
}
#minilink a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
text-decoration:underline;
color:#FFFFFF;
}
/*
//////////////////////////////////////////////////////////////////////////////
//////////CSS du corps du docuement (affichage des page etc...)///////////////
//////////////////////////////////////////////////////////////////////////////
*/
#corps {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
background: #FFFFFF;
width: 97%;
height: auto;
padding:10px 10px 10px 10px ;
border:#CCCCCC 1px solid;
margin-top:100px;
}
-->
</style>