[CSS] prob menu deroulant de 3 eme niveau
Bonjour,
J'ai un menu deroulant auquel j'ai voulu rajouter un 3eme niveau mais ce dernier n'aparait pas et je ne vois pourquoi. Si quelqu'un pouvait m'eclairer ce serait sympas, merci.
Voici le html :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
<div id="nav">
<ul class="level1">
<li class="accueil"><a href="../index.php"><?php echo $tr_accueil;?></a></li>
<li class="submenu"><a href=""><?php echo $tr_instituts ?></a>
<ul class="level2">
<li><a href="../institut/qui_sommes_nous.php"><?php echo $tr_qui ?></a></li>
<li><a href="../institut/que_faisons_nous.php"><?php echo $tr_que ?></a>
<ul class="level3">
<li><a href="../institut/qui_sommes_nous.php"><?php echo $tr_qui ?></a></li>
<li><a href="../institut/que_faisons_nous.php"><?php echo $tr_que ?></a></li>
<li><a href="../institut/ou_sommes_nous.php"><?php echo $tr_ou ?></a></li>
</ul>
</li>
<li><a href="../institut/ou_sommes_nous.php"><?php echo $tr_ou ?></a></li>
<li><a href="../institut/acces.php"><?php echo $tr_acces ?></a></li>
<li><a href="../institut/hebergement.php"><?php echo $tr_hebergement ?></a></li>
<li><a href="../institut/contacts.php"><?php echo $tr_contact?></a></li>
</ul>
</li> |
et voici le CSS :
Code:
1
2
3
4
5
6
7
8
9
10
11
|
div#nav ul ul {position: absolute;list-style-type: none; display: none; white-space:normal; width:110px; line-height:1em;}/**/
div#nav ul.level1 {margin: 0; padding: 0;line-height:1em; }
div#nav ul.level2 {margin: 0; padding: 0; background: url('../images/jaune.jpg');}
div#nav ul.level3 {margin: 0; padding: 0; background: url('../images/jaune.jpg');}
div#nav ul.level1 li.submenu:hover ul.level2,
div#nav ul.level2 li.submenu:hover ul.level3 {display:block;}
div#nav ul.level2 {top: 1.75em; left: -1px; }
div#nav ul.level3 { top: 2.5em; right:7.75em; }
div#nav ul.level2 a:hover {background: url('../images/barre.jpg'); color:white; border-top:1px dashed #3333cc; border-bottom:1px dashed #3333cc;} |
J'ai pas tous mis mais c'est le code qui correspond a cette partie du menu.
Merci :roll:
