Image avec background:url superposée au texte
Bonsoir,
J'ai un div comme suit:
Code:
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:
<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   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.
