Bonsoir,

J'ai un div comme suit:

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
.greendiv
{
	color: green;
	background:url(../images/icons/small_icon_ok.png) no-repeat left top;
	/* margin-left: 20px; */
}

Je fais ca dans le source html:

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
<div class="greendiv"> blah blah blah </div>

L'image se place bien dans le div mais elle est superposée aux 2 ou 3 première lettre du texte blah blah blah. J'ai essayé plusieurs propriétés comme margin-left: 10px; mais évidement cela ne résous rien. J'ai trouvé un palliatif bourrin : j'ajoute du padding manuel avant le texte. Je mets 3 ou 4 &nbsp et le texte se décale a droite et cela résout le problème.

Question: est-ce que il y a une meilleure solution en utilisant des propriétés CSS ? J'imagine que oui.