Discussion :

[diengkals]

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

[mcoutant]

Essaye ce code et dis moi si c'est ce que tu recherche, en quel cas je t'expliquerais en détaillant

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
#nav > li{
	display: inline;
	position: relative;
}
 
ul li ul{
	padding:10px;
	display: inline;
	position: absolute;
	top:25px;
	left:0;
}

Code html :

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
<ul id="nav">
        <li> <a href="adminuser.php">Acceuil</a></li>
         <li> <a href="consulternews.php"> Gestion Des News</a>
            <ul>
				<li><a href="addnewsform.php">Ajouter News</a></li>
				<li><a href="addnewsform.php">Ajouter News</a></li>
				<li><a href="addnewsform.php">Ajouter News</a></li> 
			</ul>
		</li>
        <li> <a href="consultermedia.php">Gestion  Media</a>
			<ul>
			   <li><a href="addmediaform.php">Ajouter Media</a></li>
			   <li><a href="addmediaform.php">Ajouter Media</a></li>
			   <li><a href="addmediaform.php">Ajouter Media</a></li>
			</ul>
		</li>
        <li> <a href="consulteraudio.php">Gestion  Audio</a>
            <ul>
	            <li><a href="addaudioform.php">Ajouter Audio</a></li>
	            <li><a href="addaudioform.php">Ajouter Audio</a></li>
	            <li><a href="addaudioform.php">Ajouter Audio</a></li>
            </ul>
        </li>    
         <li> <a href="logout.php">Deconnexion</a></li>
    </ul>

[diengkals]

merci de votre aide votre code me donne un peu ce que je veux c est à dire avoir un menu horiuzontal avec des sous menus vertical comme par exemple l'exemple suivant http://css.developpez.com/cours/

[NoSmoking]

Bonjour,
il existe http://css.developpez.com/galerie/?p...menu-deroulant
et toutes les explications Des menus déroulants grâce aux CSS

[diengkals]

merci bien

[diengkals]

désolé j avais oublié de cliquer sur resolu merci beaucoup et bonne journée