Comment centrer un ul ? [Résolu]

[keokaz]

Bonjour j'ai un souci avec le css, je n'arrive pas à center mon menu

voici la structure de mon menu

Code html :

1
2
3
4
5
6
7
8
 
<div id="bandeau_menu">
   <ul> 
                <li><a href="index.php?text=1" title="accueil">menu1</a></li> 
                <li><a href="index.php?text=2" title="contact">menu2</a></li> 
                <li><a href="index.php?text=3" title="projet">menu3</a></li> 
   </ul>
</div>

voici mon 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
 
#bandeau_menu
{
    background:black;
    height: 50px;
    margin: 0px auto 0px auto;
    border-bottom:solid 1px #ffffff;
    font-size: 25px;
}
 
#bandeau_menu ul
{
    display: inline;
    left:right;
}
 
#bandeau_menu li
{
    float: left ; 
    width: 200px ; 
    margin:0px 0px 0px 0px;
    padding:0;
    background: black ; 
    list-style: none;    
}
 
#bandeau_menu ul li a
{
    display: block ; 
    color: #ff0084; 
    line-height: 1em ; 
    padding: 10px ;
    text-align: center ;
    text-decoration: none ;
    font-weight: bold;
}

j'ai essayer de mettre un peu de partout mais ça se centre pas text align center, mais cela ne veux pas se centrer

mon menu doit ressemble à ça:

Code :

1
2
3
4
 
partie noire à gauche(infinie)    -------- menu centrer ------ partie noir a droite (infinie)
 
la partie du menu doit coller tout en haut du navigateur

ma solution de mettre un ul dans un div est t'elle une bonne solution ??

je vous remercie d'avance de vos réponse

[Bisûnûrs]

Transforme ça :

Code :

1
2
3
4
5
#bandeau_menu ul
{
    display: inline;
    left:right;
}

en :

Code :

1
2
3
4
5
#bandeau_menu ul
{
    margin : auto;
    width : 600px;
}

[keokaz]

merci de ton aide bisu

le problème maintenant j'ai ceci

Code :

1
2
3
4
5
6
7
 
 
menu centré mais 
 
----menu1 ----
----menu2----
----menu3----

si j'ajoute en plus dans bandeau_menu li a

Code :

1
2
 
float: left;

j'ai ceci

Code :

1
2
3
4
 
--menu1--
----------menu2------
------------------------menu3---------

Code :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
 
 
 
#bandeau_menu ul
{
    margin : auto;
    width : 900px;
}
 
#bandeau_menu ul li a
{
    display: block ; 
    color: #ff0084; 
    line-height: 1em ; 
    padding: 10px ;
    text-align: center ;
    text-decoration: none ;
    font-weight: bold;
    float: left;
}

[Bisûnûrs]

Heu, ouais mais fallait laisser le float:left sur les li ..

[keokaz]

merci ça fonctionne