Discussion :

[worldhugo]

Bonjour,
Je suis entrin de faire un menu. J'ai finit sauf que je n'arrive pas a le centrer.
Le code :

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
<div id="menu">
<ul>
[li]<a href="#">Facture</a>
<ul>
<li><a href="#">Creer</a>[/li]
[li]<a href="#">Lister</a>[/li]
</ul>
[li]<a href="#">Devis</a>
<ul>
<li><a href="#">Creer</a>[/li]
[li]<a href="#">Lister</a>[/li]
</ul>
[li]<a href="#">Client</a>
<ul>
<li><a href="#">Creer</a>[/li]
[li]<a href="#">Lister</a>[/li]
</ul>
[li]<a href="#">Article</a>
<ul>
<li><a href="#">Creer</a>[/li]
[li]<a href="#">Lister</a>[/li]
</ul>
</ul>
</div>

Le 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
#menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
#menu li {
float:left;
margin:auto;
padding:0;
background-color:#87D8F6;
}
#menu li a {
display:block;
width:100px;
color:white;
text-decoration:none;
padding:5px;
}
#menu li a:hover {
color:#E57200;
}
#menu ul li ul {
display:none;
}
#menu ul li:hover ul {
display:block;
}
#menu li:hover ul li {
float:none;
}
#menu li ul {
position:absolute;
}
#menu {
height:50px;
}

Comment je peux faire ???
Merci

[Macmillenium]

Bonsoir,

C'est quoi les [li] [/li] ???

[worldhugo]

C'est le <li> qui se sont transformer en [li]

[Bovino]

Code :

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

1
2
3
#menu{
    text-align: center;
}

Met le text-align sur #menu plutôt que #menu ul

[worldhugo]

Ok,
mais je ne sais toujours pas comment mettre mon menu au milieu de ma page ???

[Macmillenium]

Code CSS :

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

1
2
 
#menu { width:700px /** a modifier **/; margin-left:auto; margin-right:auto; }

??