Bonjour,
J'essaye de faire un joli menu. Le premier niveau s'affiche bien. Le second niveau devrait s'afficher si la souris passe sur le premier niveau correspondant. Malheureusement, il s'affiche uniquement si je passe sur l'item du menu de niveau 2.
Voyez vous quelques choses qui semblent mauvais ?
C'est visible là http://www.gestion-personnel.org/test.php
Modifié par renard9 (19 Jan 2011 - 23:18)
J'essaye de faire un joli menu. Le premier niveau s'affiche bien. Le second niveau devrait s'afficher si la souris passe sur le premier niveau correspondant. Malheureusement, il s'affiche uniquement si je passe sur l'item du menu de niveau 2.
Voyez vous quelques choses qui semblent mauvais ?
ul#menu {
height: 35px ;
margin: 0 ;
padding: 0 ;
list-style-type: none ;
}
ul#menu li {
float: left ;
width: 130px ;
text-align: center ;
POSITION: relative;
}
ul#menu li a {
width: 130px ;
line-height: 25px ;
font-size: 1.2em ;
font-weight: bold ;
letter-spacing: 2px ;
color: #fff ;
display: block ;
text-decoration: none ;
border-right: 2px solid #dea ;
}
ul#menu ul ul {
display: none;
left: 144px;
top: -1px;
position: absolute;
margin:0px;
padding: 0px;
border: 1px solid #B0B0B0;
}
ul#menu li a:hover ul.niveau2 {
DISPLAY: block
}
<ul id="menu">
<li><a href="etape1.html">Etape n°1</a>
<ul id=niveau2>
<li>
<a href="etape11.html">Etape n°11</a>
</li>
<li>
<a href="etape12.html">Etape n°12</a>
</li>
</ul>
</li>
<li><a href="etape2.html">Etape n°2</a></li>
<li><a href="etape3.html">Etape n°3</a></li>
</ul>
C'est visible là http://www.gestion-personnel.org/test.php
Modifié par renard9 (19 Jan 2011 - 23:18)