[Résolu] Afficher une image en guise de titre

Bonjour,
Je souhaiterais positionner une image quand j'utilise les balises <h1></h1>
Le problème qui ce pose c'est que mon image n'apparait que quand il y à du texte entre mes balises, alors ont ne vois plus l'image

	#contenu h1 {
		font-size: 16px;
		color: #635234;
		text-decoration:none;
		text-shadow:0px 2px 3px #555;
		background:url(images/remworks.png) no-repeat;
	}

Auriez vous une idée de comment je pourrais faire pour afficher mon image sans être obligé de glisser du texte entre mes balises <H1> ?

Merci
Modifié par Remus (01 Dec 2009 - 10:29)

Salut,

Si la balise <h1> est présente dans ton code html, elle ne doit pas l'être pour des question pratique parce que ca t'arrange pour la mise en forme. Mais bel et bien pour indiquer un titre !
Donc si ton souhait est d'utiliser une image en remplacement du texte pour utiliser une typo spécifique, alors il FAUT que cette image soit appelée par le code html, à l'intérieur des balises <h1>, et non pas en CSS.

Pour résumer : Le contenu va dans le code HTML, la mise en forme dans le code CSS.

Hello,

en complément lire Mettre un titre en image et rester accessible.

Merci de ta réponse aussi rapide

C'était tout bête... j'aurais du me creuser d'avantage la tête sur mon html plutot que de m'obstiner sur mon Css.

<h1> <img src="images/remworks.png"/> </h1>

Merci

edit : Merci pour le lien Heyoan
Modifié par Remus (01 Dec 2009 - 10:24)

Bonjour,

Attention ! Tu as oublié l'attribut alt qui va rendre l'image accessible.

Ce alt doit contenir la même quantité d'information que l'image (basiquement : le même texte).

C'est corrigé Merci de votre conseil Laurie Anne