bonsoir, je veux faire une menu horizontal et des sous menu vertical mais j y arrive pas tous s'affiche horizontalement.
code html :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
 <ul>
        <li> <a href="adminuser.php">Acceuil</a></li>
         <li> <a href="consulternews.php"> Gestion Des News</a></li>
           <ul>
 
                     <li><a href="addnewsform.php">Ajouter News</a></li>
 
 
          </ul>
         <li> <a href="consultermedia.php">Gestion  Media</a></li>
              <ul>
                   <li><a href="addmediaform.php">Ajouter Media</a></li>
              </ul>
         <li> <a href="consulteraudio.php">Gestion  Audio</a></li>
                 <ul>
                    <li><a href="addaudioform.php">Ajouter Audio</a></li>
                </ul>    
         <li> <a href="logout.php">Deconnexion</a></li>
    </ul>
code css
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
 
ul {
padding : 0;
margin : 0;
list-style-type : none;
}
ul li a {
display : block;
float : left;
margin : 0 5px;
padding : 2px 0 0 0;
line-height : 20px;
font-family : Helvetica,Arial;
font-weight : bold;
color : white;
text-decoration : none;
text-align : center;
font-size : 70%;
}
 ul li ul {
 	margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 	 display:none;
}
 
ul  li ul li {
	float:left;
   margin:auto;
    padding:0;
     background-color:black;
}
 
ul li ul li  {
	 display:block;
 width:100px;
 color:white;
 text-decoration:none;
 padding:5px;
}
 ul li ul li a:HOVER{
 	color:#FFD700;
}
merci d'avance pour votre aide