Discussion :

[damien24]

Bonjour à tous,

Novice dans ce langage, j'ai besoin de mettre une photo en arrière plan pour pouvoir insérer du texte au premier plan.

Si quelqu'un peut venir à mon secours ...

Merci d'avance.

[Invité]

Bonjour
-> CSS Background

[ouldfella]

bonjour,
vous avez deux solutions :
1 soit tu charge ton image avec css :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
<div>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
div {
    background-image : url(../ton_image.png);
}

2 soit l'image est chargé avec du html et tu rajoute quelques règles css

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<div>
    <img src="url(../ton_image.png" />
    <p>votre texte ici</p>
</div>

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
div {
    position:relative;
}
img {
    position:absolute;
}

remarque que la balise img est avant la balise p, si tu met l'invese, p avant img, le texte n'apparait pas donc dans ce cas tu utilise la propriété css z-index.

[damien24]

Merci pour votre aide. Image en arrière plan OK !!!
mais maintenant mon problème est que le texte que j ai écris est avec un fond blanc et cache donc en partie l image ...
Si vous avez une astuce je suis preneur car je ne vois rien dans les propriétés du texte !!!
Merci d avance.

[ouldfella]

montre nous ton code html et css pour mieux voir.