Discussion :

[keokaz]

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

voici la structure de mon menu

Code html :

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

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 :

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
 
#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 :

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

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 :

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

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

en :

Code :

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

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 :

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

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

si j'ajoute en plus dans bandeau_menu li a

Code :

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

1
2
 
float: left;

j'ai ceci

Code :

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

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

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
 
 
 
 
#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