Forum Programmation.web CSS : text-index et pas du display:block

Posté par  .
Étiquettes : aucune
0
24
nov.
2005
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.

  • # padding-left ?

    Posté par  (site web personnel) . Évalué à 3.

    plutot que text-indent qui sert à faire des alinéas (donc sur des balises block p, div, ...) pourquoi tu n'utilises pas tout simplement padding-left ?

    https://damien.pobel.fr

    • [^] # Re: padding-left ?

      Posté par  . Évalué à 2.

      merci.
      ca marche tres bien, j'y avais pas pensé.

      rien a voir, saurais-tu comment faire en sorte que IE aligne bien le texte de ma classe "fiche_item" ("un mot" dans cet exemple) ave cle reste du paragraphe ? (en baseline : c-a-d que la base du texte soit aligné avec celle de "bla bla") ?
      Je pense que c'est du au bug du box model de IE...

      merci.

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.