Discussion :

[misterphil]

Bonjour

J'essaie vainement de caser automatiquement via le CSS une petite image devant mes headings. J'ai essayé de passer par un background, mais cela ne va pas car je n'arrive pas à créer ensuite un retrait devant mon texte (enfin sauf si je m'amusais à ajouter avec des espaces insécables).

C'est un peu comme si, manuellement, on mettait une image dans le tag juste devant le titre, mais en CSS et en version plus propre que ça :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<h3><img src="image.jpg" >Titre H3</h3>

Cela n'a pas l'air de fonctionner avec margin/margin-left et cie.

Une idée ? Je bosse dans TinyMCE pour info.

[HiRoN]

J'ai essayé de passer par un background, mais cela ne va pas car je n'arrive pas à créer ensuite un retrait devant mon texte (enfin sauf si je m'amusais à ajouter avec des espaces insécables).

C'était pourtant la bonne méthode ('fin j'aurais fais comme ça)

Pour le retrait, il faut jouer sur le padding-left et pour le placement de l'image, tu peux voir (mais ça dépendra de ce que tu veux faire exactement) en jouant sur background-position:center left; (par ex)

[misterphil]

Evidemment, le seul que je n'ai pas testé et celui-là qui fonctionne. Merci, c'est nickel ce qu'il me fallait pour le padding-left.