CSS background haut et bas
Résolu
TRUNCKS
Messages postés
1019
Date d'inscription
Statut
Membre
Dernière intervention
-
TRUNCKS Messages postés 1019 Date d'inscription Statut Membre Dernière intervention -
TRUNCKS Messages postés 1019 Date d'inscription Statut Membre Dernière intervention -
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
- Comment remettre le son haut-parleur ? - Guide
- Background color css ✓ - Forum CSS
- Symbole s avec 2 barres en haut et en bas - Guide
- Tiret du bas mac - Guide
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.
