CSS background haut et bas

Résolu/Fermé
TRUNCKS
Messages postés
1005
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
5 juillet 2022
- 29 août 2012 à 22:54
TRUNCKS
Messages postés
1005
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
5 juillet 2022
- 4 sept. 2012 à 09:04
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

--

2 réponses

Mihawk
Messages postés
4311
Date d'inscription
mercredi 29 mars 2006
Statut
Contributeur
Dernière intervention
6 janvier 2015
841
30 août 2012 à 10:16
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.

<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.
0
TRUNCKS
Messages postés
1005
Date d'inscription
vendredi 10 août 2007
Statut
Membre
Dernière intervention
5 juillet 2022
7
4 sept. 2012 à 09:04
Super, merci beaucoup pour cette réponse !
0