Bonjour,

Je suis en train de refaire le site de ma société et je bloque pour le centrage du menu de navigation des pages comme le célébre moteur de recherche je ne vois pas du tout ce qui coince

voici le code HTML :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
 
<div  style="width:500px; margin:auto; text-align:center;">
<ul id="pagination-digg">
<li></li>
<li class="active">1</li>
<li><a href="textes-officiels-6.html" >2</a></li>
<li><a href="textes-officiels-12.html" >3</a></li>
<li><A HREF="textes-officiels-6.html"><img src="http://v4.apvl.com/images/design/fleche-ap.png" border="0"></A></li>
</ul>
</div>
et le 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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
 
#pagination-digg 
{
	padding-top:30px; 
	padding-bottom:30px; 
}
#pagination-digg ul
{
    border:0; 
    margin:auto; 
    padding:0;
	background-color:#FFFF00;
	width:300px;
}
#pagination-digg li
{
    border:0; 
    margin:0; 
    padding:0;
    font-size:11px;
    list-style:none;
    margin-right:2px;
}
 
#pagination-digg a
{
    border:solid 1px #DA000E;
    margin-right:2px;
	background-image:url(../images/design/menu/menu-rouge.png);
	color:#000000;
}
 
#pagination-digg .previous-off, #pagination-digg .next-off 
{
    border:solid 1px #DA000E;
    color:#DA000E;
    display:block;
    float:left;
    font-weight:bold;
    margin-right:2px;
    padding:3px 4px;
}
#pagination-digg .next a, #pagination-digg .previous a 
{
    font-weight:bold;
}
#pagination-digg .active
{
    background:#DA000E;
    color:#FFFFFF;
    font-weight:bold;
    display:block;
    float:left;
    padding:4px 6px;
	background-image:url(../images/design/menu/menu-gris.png);
}
#pagination-digg a:link, #pagination-digg a:visited 
{
    color:#fff;
    display:block;
    float:left;
    padding:3px 6px;
    text-decoration:none;
}
#pagination-digg a:hover
{
    border:solid 1px #c6c7c8;
	color: #000;
}
MErci d'avance pour votre petit coup de pouce
Bonne journée
Ludo