Deux fond sur le body

Question

Bonjour à vous,

J'ai un petit fond sur le haut de mon site avec la réglé suivante:


margin:0;	
background-image:url(fond.jpg);
background-repeat:no-repeat;
background-position:top;


Mon soucis, c'est que j'aimerai en mettre un autre en bas de mon site au niveau de mon footer, comment puis je faire vu qu'il y en a déjà un sur le body ?

Merci à vous

afrnos · Answer

Bonsoir,

tu devrais créer un div pour le bas de ta page :

<div id="footer">
    <!-- texte -->
</div>

et indiquer, dans le CSS, un background différent pour ce div.

Car on ne peut pas mettre plusieurs images de fond, à moins d'utiliser du CSS 3 (https://www.alsacreations.com/tuto/lire/814-css3-background-image-multiple.html

TRUNCKS · Answer

Oui mais comme j'ai fixé une taille a mon body, du coup, ce deuxième fond, que je voudrais à l'extérieur du site, reste à l'intérieur lol

afrnos · Answer

Tu as indiqué un width et height à ton body ?

Ca ne me semble pas être une bonne méthode, tu devrais laisser tranquille le body (sauf peut etre pour indiquer une police, une couleur/image de fond), et modifier uniquement les balises à l'intérieur de ton body.


Tu n'auras alors plus de problème.

Deux fond sur le body

3 réponses

Discussions similaires

Newsletters