Bien superposer du texte sur une image

Bonjour

J'aimerais connaître la meilleure méthode pour superposer du texte à une image. Un peu comme dans les journaux, pour les légendes.

Merci.

Bonjour,

Les solutions sont nombreuses et variées (image en background, positionnement hors flux, marges négatives, …), cela dépendra beaucoup du contexte et du résultat escompté. Peux-tu nous montrer un exemple de ce que tu cherches à faire?

Sur http://www.rue89.com/ par exemple, le premier titre.

* merci de ne pas m'avoir incendiée, j'ai mon Firefox 3 beta 5 qui m'a fait perdre Firebug ainsi que mes autres extensions. Je marche à l'aveugle en ce moment

Tu peux partir sur le principe suivant:

[b][#black]HTML[/#][/b]

<div>
	<h1>Hello world</h1>
	<img alt="" src="image.png" />
</div>


[b][#black]CSS[/#][/b]

div {position:relative}
div h1 {position:absolute; bottom:0}

Ok, merci !

Et pour que le texte débute en haut de l'image ?

Salut,

Heu...

div h1 {position:absolute; top:0}

P'être?

Bonjour,

Les solutions sont multiples... Superposer les deux, ou plutôt, si l'image est décorative et si elle ne change pas tous les jours (comme sur Rue89), utiliser un background CSS, que tu coupleras avec un background-color de la couleur exactement opposée à celle du texte (pour éviter, comme par exemple sur Rue89, de ne pas voir les titres si tu désactives les images).

PS : Rue89 est un des meilleurs sites d'information en France, profitez-en bien

Merciiii
[résolu]

ciboulette a écrit :
Merciiii
[résolu]

Je me cite car j'arrive pas à m'éditer en post1 (comme ailleurs).

Bizarre.