Discussion :

[Jolt0x]

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.

[Jolt0x]

Auto-Réponse : oui.

Avec padding-left: 5px;

Bonne nuit.

[Invité]

Bonjour,
La solution est a chercher du coté de text-indent.