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

2 réponses

Réponse 1 / 2

Meilleure réponse
La meilleure réponse est la réponse qui a été validée par nos équipes.
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;
}
```
6
1. Simondu92 Messages postés 97 Statut Membre 1
  
  Ca marche aussi avec margin ?
  
  0
2. Simondu92 Messages postés 97 Statut Membre 1
  
  Mais merci quand meme
  
  0
3. 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
  
  0
Réponse 2 / 2
tiralia Messages postés 1901 Statut Membre 268

Salut,

recherche google "css texte sur image"

https://www.xul.fr/css/texte-sur-image.php
0
1. tiralia Messages postés 1901 Statut Membre 268
  
  Il utilise aussi le z-index, mais peut être que tu fais une erreur dans ton code ou qu'il y à une subtilité que tu ne connais pas.
  
  0

CSS du Texte sur une image ?

2 réponses

Discussions similaires

Newsletters