Discussion :

[Alex-L]

Bonjour,

Je viens de finir mon menu fait à partir de sprites en CSS mais le problème est que je n'arrive pas à le centrer sur ma page

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
#menu{
	height: 110px; 
	width: 100%;
	margin-left: auto;
	margin-right: auto;
 
}
 
.boutton
{
	height:70px;
	width:95px;
	display:block;
	background:url(images/menu_sprites.png) no-repeat;
 
}
 
 
#menu ul {
padding:10px;
list-style-type : none;
 
}
 
#menu ul li{
list-style:none;
float: left;
}
 
/* Normal*/
.accueil{
background-position:0 0;
}
.blog{
background-position:-95px 0;
}
.apropos{
background-position:-190px 0;
}
.contact{
background-position:-285px 0;
}
/* Survol */
.accueil:hover{
background-position:0px -70px;
}
.blog:hover{
background-position:-95px -70px;
}
.apropos:hover{
background-position:-190px -70px;
}
.contact:hover{
background-position:-285px -70px;
}

Merci de votre aide.

[Bisûnûrs]

Ton menu (ul) fait 100% de large, donc tu ne peux pas le centrer avec margin:auto.
Donne pour largeur à ton ul la somme des largeurs des li qu'il contient.

[Alex-L]

Merci infiniment, ça marche impec'

Passe une bonne journée.