Ci-joint une capture d'écran sous firefox et sous ie6.
Extrait de mon menu :
PHP
...
<!--Formation ############################## -->
<!--########################################## -->
<ul class="mainmenu_level0_bleu_pale">
<li><a href="#" <?php if($niveau1=="Formation"){ echo "id=\"current\""; }?>>Formation
<?php if($niveau1 == "Formation"){?>
<ul class="mainmenu_level1_bleu_pale">
<li><a href="#">Présentation de la formation au Lycée</a></li>
<li><a href="#">Planning des formations</a></li>
</ul>
<?php }?>
</a>
</li>
</ul>
...
Extrait de ma css :
PHP
/***********************************************
BLEU PALE #7DBFD8
***********************************************/
.mainmenu_level0_bleu_pale{
width:188px;
}
.mainmenu_level0_bleu_pale li{
background-color:#FFFFFF;
height: 0%;
}
.mainmenu_level0_bleu_pale ul{
background-color:#ffffff;
padding-bottom:5px;
padding-left:0;
padding-top:5px;
}
.mainmenu_level0_bleu_pale li a{
text-decoration:none;
background-color:#FFFFFF;
color:#413837;
display:block;
padding-left:20px;
font-size:16px;
}
.mainmenu_level0_bleu_pale li a:hover{
background:#7DBFD8 url(../images/structure/menu/bleu-pale/fleche-niveau-0.png);
background-repeat:no-repeat;
background-position:4px 6px;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
display:block;
}
.mainmenu_level0_bleu_pale li a#current{
background:#7DBFD8 url(../images/structure/menu/bleu-pale/fleche-niveau-1.png);
background-repeat:no-repeat;
background-position:4px 8px;
color:#FFFFFF;
text-decoration:none;
font-size:16px;
display:block;
}
.mainmenu_level1_bleu_pale ul{
padding-bottom:0px;
margin-left:0px;
}
.mainmenu_level1_bleu_pale li{
margin-bottom:5px;
margin-left:0px;
}
.mainmenu_level1_bleu_pale li a{
margin:0;
padding:0;
display:block;
padding-left:16px;
color:#000000;
text-decoration:none;
font-size:13px;
background: #FFFFFF url(../images/structure/menu/bleu-pale/fleche-niveau-2.png);
background-repeat:no-repeat;
background-position:6px 5px;
}
.mainmenu_level1_bleu_pale li a:hover, .mainmenu_level1_bleu_pale li a#current{
margin-left:0px;
text-decoration:none;
color:#0091B7;
background: #FFFFFF url(../images/structure/menu/bleu-pale/fleche-niveau-2.png);
background-repeat:no-repeat;
background-position:6px 5px;
font-size:13px;
}
Merci pour votre aide.
