CSS du Texte sur une image ?

Résolu

Html
Css

Simondu92 Messages postés 97 Statut Membre -
animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention - 26 juil. 2015 à 20:35

Bonjour,

J'essai de mettre en CSS un text sur une image mais je n'y arrive pas, j'essayer avec z-index, hélas sa ne fonctionne pas le texte pousse l'image j'ai aussi essayer avec float mais il n'y a pas top. Auriez vous une idée ? et sans background et position plutot avec margin ?
Le code s'il vous plait.

Merci

Afficher la suite

A voir également:

Comment mettre un texte devant une image css
Faire passer du texte SOUS une image HTML / CSS - <a href="https://forums.commentcamarche.net/forum/css-156">Forum CSS</a>
Extraire texte d'une image - Guide
Superposer du texte sur une image (HTML/CSS) - <a href="https://forums.commentcamarche.net/forum/css-156">Forum CSS</a>
Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - <a href="https://forums.commentcamarche.net/forum/windows-11">Forum Windows</a>
Comment mettre un texte en majuscule - Guide

2 réponses

Réponse 1 / 2

animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention 738

salut

<div id="contener">
<div id="image">ton image</div> 
<div id ="texte">ton texte</div>
</div>

#contener {
width:400px;
height:400px;
}

#image {
position:relative;
z-index:1;
}
#texte {
position:absolute;
z-index:10;
background:transparent;
}

Simondu92 Messages postés 97 Statut Membre 1

Ca marche aussi avec margin ?

Simondu92 Messages postés 97 Statut Membre 1

Mais merci quand meme

animostab Messages postés 3003 Date d'inscription Statut Membre Dernière intervention 738

tu mets #texte en relative et un margin-top négatif (de la hauteur de #image) mais bon ca revient au même
tu peux mettre le sujet en résolu

Discussions similaires

Enlever ligne sous lien, HTML CSS

redimensionner une image css

Changer la taille d'un seule input

Slider en HTML ET CSS

mettre deux images cote a cote.

Ecrire du texte à coté de l 'image

Discussions similaires

Newsletters