Discussion :

[M1000]

Bonjour,

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

Code :

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

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 :

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
 
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;
}

[Strix]

Salut.

Si tu as bien écrit ton code :

Code :

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

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

[M1000]

Voici mon code:

Code :

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

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

[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...

[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.