Alignement de puce en CSS

Version imprimable

Bonjour,

Je cherche à aligner une liste du type ul li par rapport au texte et non a la puce. Je m'explique:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
Ce que j'ai:
* Texte texteTexte texteTexte texte
Texte texteTexte texteTexte texteTexte texte
* Texte texteTexte texte
* Texte texteTexte texteTexte texte
Texte texteTexte texteTexte texteTexte
Ce que je voudrais:
* Texte texteTexte texteTexte texte
  Texte texteTexte texteTexte texteTexte texte
* Texte texteTexte texte
* Texte texteTexte texteTexte texte
  Texte texteTexte texteTexte texteTexte

Merci de votre aide.
Cordialement.

PS: Mon code CSS de mes li:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
ul {
  list-style-type:        none;
}
 
li {
  padding-top:            5px;
}
 
li a:link, 
li a:visited {
  padding-left:           7px;
  background:		 #fff url(images/puce/grise.gif) no-repeat left;
  color:                     #000;
  text-decoration:       underline;
}
 
li a:hover {
  text-decoration:        none;
}

Salut.

Si tu as bien écrit ton code :
Code:

1 2 3 4 5 <ul> <li>Texte texteTexte texteTexte texte Texte texteTexte texteTexte texteTexte texte</li> <li>Texte texteTexte texte</li> <li>Texte texteTexte texteTexte texte Texte texteTexte texteTexte texteTexte</li> </ul>
Que ton menu (je suppose) ait un width défini ou que tu as inséré un <br /> à l'intérieur d'un <li></li>, le résultat est celui que tu désires.
Vérifie ton code ;)

Voici mon code:
Code:

1 2 3 4 5 6 7 8 <ul> <li><a href="lien1">Blabba 1</a></li> <li><a href="lien2">Blabba 2</a></li> <li><a href="lien3">Blabba 3</a></li> <li><a href="lien4">Blabba 4</a></li> <li><a href="lien5">Blabba 5</a></li> </ul>
Voila donc pourquoi je ne comprend pas pourquoi cela ne s'aligne pas sur la puce....et pas sur le texte

04/07/2007, 14h11
Strix

cest padding-left:7px; dans li a:link, li a:visited qui pose problème. Si tu le supprimes tout rentre dans l'ordre...
05/07/2007, 15h59
M1000

Cela rentre dans l'ordre mais le problème c'est que ma puce ici mon image est par dessous mon texte ... alors comment faire pour aligner en gardant ma puce(image à gauche) et le texte bien a droite et aligner par rapport à lui même et non la puce?

Merci de vos réponses.