CSS background haut et bas
Résolu
TRUNCKS
Messages postés
1066
Statut
Membre
-
TRUNCKS Messages postés 1066 Statut Membre -
TRUNCKS Messages postés 1066 Statut Membre -
Bonsoir à vous,
J'ai un bloc de texte et deux images.
J'aimerais sur la même div texte mettre ma première image en fond et haut de la div et ma deuxième image en bas.
J'aimerais savoir si c'est possible ?
Merci à vous
--
J'ai un bloc de texte et deux images.
J'aimerais sur la même div texte mettre ma première image en fond et haut de la div et ma deuxième image en bas.
J'aimerais savoir si c'est possible ?
Merci à vous
--
A voir également:
- CSS background haut et bas
- Windows 7 logon background changer - Télécharger - Thèmes & Fonds d'écran
- Combien y a-t-il de bateaux dans la zone de 475 pixels de large et 1000 pixels de haut à partir du coin supérieur gauche de cette image ? - Forum Photoshop
- Comment remettre le son haut-parleur ? - Guide
- Symbole s avec 2 barres en haut et en bas - Guide
- Tiret du haut ✓ - Forum gestion du temps
2 réponses
Hello,
Je pense qu'il ne faut pas utiliser la background, qui ne te permet de mettre qu'une seule image en fond (sauf si la taille de ta div est fixe et définie, alors tu peux fusionner tes 2 images en une seule et ça sera plus simple !).
Sinon il faut placer dans ton div : ta première image ; ton texte ; ta 2e image.
Tu mets une position:relative; aux 3 éléments avec des z-index différents. Puis tu ajustes leur positionnement.
Sans garantie totale du résultat mais ça devrait t'aider.
Je pense qu'il ne faut pas utiliser la background, qui ne te permet de mettre qu'une seule image en fond (sauf si la taille de ta div est fixe et définie, alors tu peux fusionner tes 2 images en une seule et ça sera plus simple !).
Sinon il faut placer dans ton div : ta première image ; ton texte ; ta 2e image.
Tu mets une position:relative; aux 3 éléments avec des z-index différents. Puis tu ajustes leur positionnement.
<div>
<img src="monimage1/jpg" style="position:relative; z-index:10;"/>
<div style="position:relative; z-index:20;">
Mon texte
</div>
<img src="monimage2/jpg" style="position:relative; z-index:10;"/>
</div>
Sans garantie totale du résultat mais ça devrait t'aider.
