Salut,
j'ai une classe qui met en valeur un mot avec une couleur de fond, une bordure et mets une petite image.
voici ma classe .fiche_item {
border: 1px solid #bfcee3;
background-color : #e2effe;
text-indent : 14px;
background-image : url("../img/image.png");
background-repeat : no-repeat;
background-position : center left;
display: block;
padding:3px;
}
Voilà, tout le probleme se trouve dans la petite image (image.png). pour que l'image ne soit pas superposé par rapport au texte, j'ai naturellement mis un text-indent : 14px; et pour que le txt-indent fonctionne, j'ai du mettre un display: block;
ce qui fait que maintenant ma classe réagie comme un bloc (retour à la ligne)
ex: bla bla bla {a class="fiche_item" href="aaa"} un mot {/a} bla bla
(j'ai remplacé les tag par des { } )
bien sur ca fait des retours à la ligne... je pensais qu'avec un ptit "float:left;" ca marcherait mieux, mais non... je n'y arrive pas.

si quelqu'un a une idée, merci.

> Lire le message (2 commentaires, moyenne: 2,5).