Discussion :

[nebil]

bonjour,
je rencontre des difficultés pour centrer le contenue de mon menu, je souhaiterais faire en sorte qu'il puisse
y avoir le même espace entre les titres ( acceuil, test de vos obli..;, etc..). quelqu'un a une idée ?

voila mon menu

Code :

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

1
2
3
4
5
6
7
8
<ul id="menu">
<li><a href="index.html" title="acceuil">Accueil</a></li>
<li><a href="test-obligation.html" title="obligation">Test de vos obligations</a></li>
<li><a href="validiter.html" title="validiter">Validit&eacute; des diagnostics </a></li>
<li><a href="jurisprudences.html" title="jurisprudences">Jurisprudences</a></li>
<li><a href="plan.html" title="plan">Plan  </a></li>
<li><a href="contact.html" title="contact">Contact</a></li>  	
</ul>

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
45
#menu {
margin:3px 0 3px 0;
height: 26px; 
width: 895px;
background-color:#c5d6a3;
margin-left:auto;
margin-right:auto;
}
#menu li {
float: left;
list-style: none;
 
}
#menu li.back {
 
width: 9px; 
height: 26px;
z-index: 6;
position: absolute;
 
}
#menu li.back .left {
 
height: 26px;
margin-right: 9px;
 
}
#menu li a {
position: relative; 
overflow: hidden;
text-decoration: none;
color: #000;
text-align: center;
line-height:26px;
height: 26px;
z-index: 10; 
letter-spacing: 0;
float: left; 
display: block;
 
}
#menu li a:hover, #menu li a:active, #menu li a:visited {
border: none;
font-weight:normal;
}

[vodiem]

salut nebil,

Code CSS :

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

1
2
3
4
5
#menu li {
float: left;
list-style: none;
padding-right: 20px; 
}

[omar344]

essaye de voir ça

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
 
#menu
{
    width: 894px;
    height: 26px;
    margin: 0 auto;
    background-color:#c5d6a3;
}
 
#menu ul {
 
    list-style: none;
 
}
 
#menu li {
    display: inline;
 
}
 
#menu a {
 
    float: left;
    width: 145px;
   text-align: center;
   border-left: 1px solid fuchsia;
   border-right: 1px solid fuchsia;
}

[nebil]

merci