CSS du Texte sur une image ?

Résolu/Fermé
Simondu92 Messages postés 84 Date d'inscription vendredi 19 juillet 2013 Statut Membre Dernière intervention 31 août 2017 - Modifié par Simondu92 le 26/07/2015 à 17:06
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 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

2 réponses

animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
26 juil. 2015 à 17:15
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;
}


6
Simondu92 Messages postés 84 Date d'inscription vendredi 19 juillet 2013 Statut Membre Dernière intervention 31 août 2017 1
26 juil. 2015 à 18:31
Ca marche aussi avec margin ?
0
Simondu92 Messages postés 84 Date d'inscription vendredi 19 juillet 2013 Statut Membre Dernière intervention 31 août 2017 1
26 juil. 2015 à 18:33
Mais merci quand meme
0
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 737
Modifié par animostab le 26/07/2015 à 20:36
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
0