Discussion :

[laurent84200]

Bonjour à tous,

Je recherche un code qui permettrait d'annuler le décalage des puces.

J'ai essayé avec

Code :

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

list-style-position:

mais cela ne me convient pas.

Voici mon code html:

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
<div id="droite5">
	<img src="../images/visiteurs/Base/tnd2.png"/>
 
	<UL>
		<li>aaaaaaaaaaaaaaaaaaa</li>
		<li>bbbbbbbbbbbbbbbbbbb</li>
		<li>ccccccccccccccccccc</li>
		<li>ddddddddddddddddddd</li>
		<li>eeeeeeeeeeeeeeeeeeee</li>
	</UL>
</div>

Ma css :

Code :

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

1
2
3
4
5
#droite5 {
float: left;
margin-left:30px;
 
}

Les puces sont décalées à droite, ce qui est normal mais je voudrais que les puces soient au même niveau que mon image.
Merci pour votre aide.

[NoSmoking]

Bonjour,
il faut que tu supprimes le padding de ta liste et mettre les puces en position inside.

Code :

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

1
2
3
4
ul {
  padding: 0;
  list-style-position: inside;
}

[laurent84200]

C'est parfait.
Merci