28172 sujets

CSS et mise en forme, CSS3

Comment mettre des images dans Body chaque coté du Conteneur ?

Salut à tous !

Je suis tombé sur un site, je voudrais savoir comment mettre des images dans Body de chaque coté du Conteneur comme sur ce site http://www.bricobizz.com/A-11236-bureau-design-kokoon-bois-mdf-laque-blanc.aspx
Faut-il créer un fond body comme sur le site en plaçant les images dans Photoshop ou dans le Body je tape :

body {
Background-image : url (imagegauche);
Background-position : Left;
background-repeat : no repeat
}

et rajouter une Div dans le body pour l'image à droite du conteneur ? Comme :

<div id="imagedroite.jpg"> </div>
#imagedroite {
background-image : url (imagedroite.jpg);
background-position : right;
background-repeat : no repeat;
}

Merci de votre aide Smiley smile
Hello jettt,

Effectivement comment l'a mentionné Reka, c'est juste une image en background.
Sinon tu peux placer des images en "position:absolute" si tu souhaites les placer indépendamment de ton background Smiley cligne
salut,
tu peux ne pas passer par les multiple background (qui est du CSS3). Il te suffit de mettre un "background" en espaçant les deux images d'une distance égale à la largeur du body (par contre ça restera figé). Tu n'as qu'à faire un clic droit sur l'image et mettre "afficher image de fond" pour comprendre le principe.
Tu pourrais aussi ajouter un "background-attachment:fixed" pour avoir le même effet.
Zelalsan a écrit :
salut,
tu peux ne pas passer par les multiple background (qui est du CSS3).
Tout dépend de quel navigateur il cible.

s'il désire cibler uniquement IE9 et +, ce n'est pas un soucis.
Lothindil a écrit :
Tout dépend de quel navigateur il cible.

s'il désire cibler uniquement IE9 et +, ce n'est pas un soucis.

Smiley biggrin oui Smiley biggrin et pour être tout à fait complet FF3.6 et +, Opera 10.5 et + Smiley biggrin
Sujet clos
Aller à