Bonjour,
Un problème peut en cacher un autre ;p
Donc j'essai de faire un menu:
HTML
- Code: Tout sélectionner
<div id="menu">
<ul>
<li><a href="#">Accueil</a>
<ul>
<li><a href="#">Actualités</a></li>
<li><a href="#">Projet</a></li>
<li><a href="#">Calendrier</a></li>
<li><a href="#">Indicateurs</a></li>
<li><a href="#">Galerie</a></li>
</ul>
</li>
<li><a href="#">Formations</a>
<ul>
<li><a href="#">Seconde</a></li>
<li><a href="#">Filiere S</a></li>
<li><a href="#">Filiere ES</a></li>
<li><a href="#">Filiere L</a></li>
<li><a href="#">Filiere STG</a></li>
<li><a href="#">BTS IG</a></li>
</ul>
</li>
<li><a href="#">Ressources</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
Et voici le CSS
- Code: Tout sélectionner
#menu ul
{
padding-left: 0;
margin-left: 0;
background-color: rgb(120,120,120);
color: White;
width: 100%;
float: left;
font-family: arial, helvetica, sans-serif;
}
#menu ul li { display: inline; }
#menu ul li a
{
padding: 0.2em 1em;
background-color: rgb(120,120,120);
color: White;
text-decoration: none;
float: left;
border-right: 2px solid #fff;
}
#menu ul li a:hover
{
background-color: #369;
color: #fff;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
J'aimerais que mes sous menu se deroule verticalement et au lieu de ça ils creent une nouvelle barre de menu en dessous du menu principale et une troisieme barre où il met les "items" du menu principal suivant :/