centré les elements de mon menu
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:
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é 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:
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;
} |
