Discussion :

[Deciprog]

Bonjour,

Je voudrais savoir comment je pourrais placer une image (icône) devant mon texte et tout ça 100% en CSS.
Dans mon code html je veux juste faite une balise du style <h1>mon texte</h1>

Merci d'avance

[Macmillenium]

Bonjour,

Tu peux par exemple essayer :

Code CSS :

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

1
2
3
 
h1 { width:200px; height:30px; background:url(ico.gif) no-repeat; }
h1 span { display:none: }

Code xhtml :

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

1
2
 
<h1><span>text</span></h1>

[alejandro]

Moi je ferais plutôt ceci :

Code :

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

h1 { padding-left: X; background:url(Y) no-repeat; }

Tu remplaces le X du padding-left par le décalage souhaité.
Tu remplaces le Y par l'adresse de ton image.

[Deciprog]

ça ne fonctionne pas donc j'ai ajoutée l'image en html directement merci

[Macmillenium]

ça ne fonctionne pas donc j'ai ajoutée l'image en html directement merci

As tu testé la méhtode que je t'ai proposé ?