Discussion :

[Maxence45]

Bonsoir , j'aimerais savoir comment on peut centrer un texte verticalement et horizontalement dans les cellulles d'une liste à puces ?

merci

[blueice]

un text-align:center; suffit, le texte lui sera par défaut aligner verticalement, encore faut-il que le padding soit égal en haut et en bas.

[Maxence45]

ok mais pour le code css qui doit doit s'appliquer au texte dans les cellules , je le mets dans le #menu li ?

[Maxence45]

visiblement le text align center ne marche pas , il me décale mon texte à droite , je l'ai mis dans le #menu li a , quelqu'un a une idée ?

[Xann_71]

Salut!

Si tes liens sont dans <div id="menu"> (comme j'ai compris), tu dois saisir dans ton css:

Code :

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

1
2
3
4
5
 
#menu
{
 text-align: center;
}

et non

Code :

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

1
2
3
4
5
 
#menu li a
{
 text-align: center;
}

Et la sa devrai marcher. Dans le cas contraire, montre nous ton code et on pourra mieux repérer le problème.

A+

[Strix]

Ok, en fait tu veux centrer ul dans ton div c'est ça ?
Parce que c'était pas clair du tout au début

voilà 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
#menu {
	border: 1px solid black;
	width: 151px;
	height: 164px;
	background: url("menu.gif");
	padding: 0px;
	float: left;
	margin: 0 0 20px 0;
	text-align: center;
}
#menu ul {
	padding: 12px 0 0 0; /* Info : Top Right Bottom Left */
	margin: 0px;
}
#menu li a {
	padding: 0;
	margin: 0;
	height: 41px;
	display: block;
}

Après à toi de jouer avec les padding pour centrer ton menu