Position du menu

Version imprimable

Position du menu

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

Code:

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:

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

11/01/2009, 19h59
Macmillenium

Bonsoir,

C'est quoi les [li] [/li] ??? 8O8O8O
11/01/2009, 20h01
worldhugo

C'est le <li> qui se sont transformer en [li]:?:?
11/01/2009, 20h04
Bovino
Code:

1 2 3 #menu{ text-align: center; }
Met le text-align sur #menu plutôt que #menu ul
11/01/2009, 20h07
worldhugo

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

Code:

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

11/01/2009, 20h22
worldhugo

Merci c'est sa

Fais attention, tu as oublié de fermer les <li> du premier niveau...

Code:

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

;)