Discussion :

[tishu]

Bonjour.

J'ai un problème avec un menu vertical. Il s'agit d'une liste contenue dans un <div>. Le code (simplifié) est le suivant:

Code :

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

1
2
3
4
5
6
7
8
9
 
div#menucont {
	text-align:left;
	float:left;
	width:195px;
	}
div#menucont li {
	list-style-type:none;
	}

Le souci est que le texte des menus ne s'aligne pas à gauche du div, mais laisse un espace d'environ 30px. Du coup, lorsque je centre ce texte, il n'est pas au milieu et dépasse de mon <div>. Quelqu'un aurait une idée? Parce que là, je seche...

Merci d'avance

[Bisûnûrs]

Essaie peut-être de jouer avec le

Code :

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

list-style-position:[outside|inside];

[tishu]

Merci de ta réponse.

list-style-position ne change rien en outside, et fragmente le texte de facon bizarre en inside.

Je joins une image, celle du menu sans list-style-position:



J'ai bien regardé, il n'y a ni padding ni margin. Je trouve ca bizarre.

[Bisûnûrs]

Ca a l'air d'être le padding par défaut de ul :

Code :

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

1
2
3
div#menucont ul {
   padding:0;
}

résoud ton problème.

[tishu]

Merci!

Ce n'était pas le padding, mais le margin.
edit: margin pour IE, padding pour fire
Merci de m'avoir mis sur la voie