Background 2 images en CSS


kmenslow
WRInaute passionné
WRInaute passionné
 
Messages: 1968
Inscription: 7 Aoû 2006

Background 2 images en CSS

Message le Lun Nov 20, 2006 15:15

Bonjour,

Je suis en train de travailler sur le fond de mon site. Actuellement, j'utilise ce code dans ma feuille de style pour incorporer une image.
Code: Tout sélectionner
body{
   background: #FFFFFF repeat-y center;
   background-image: url(images/Bg.jpg);
   }


Ce code me permet de mettre une image Bg.jpg et de la répeter verticalement.

Je souhaite maintenant mettre d'abord mettre une image Head.jpg en haut de page sans répétition puis mettre l'image Bg.jpg répete verticalement.
Apres recherches sur les sites de référence sur le CSS, je n'y arrive pas et je ne sais meme pas si c'est possible.

Quelqu'un peut-il m'aider ?

samuel
WRInaute discret
WRInaute discret
 
Messages: 146
Inscription: 17 Oct 2003

Message le Lun Nov 20, 2006 15:42

ont ne peu pas mettre 2 images background sur un élément et ton code serait plus lisible peu-être de cette façon :
Code: Tout sélectionner
body{
   background: #FFFFFF url(images/Bg.jpg) repeat-y center;
   }

peut-être un background sur ton H1 ou un div header ferait l'affaire... avoir dépendent de ta structure html.


kmenslow
WRInaute passionné
WRInaute passionné
 
Messages: 1968
Inscription: 7 Aoû 2006

Message le Lun Nov 20, 2006 15:43

Merci samuel


bee_human
WRInaute accro
WRInaute accro
 
Messages: 2628
Inscription: 16 Juin 2005

Message le Lun Nov 20, 2006 15:43

Tu n'y arriveras pas rien qu'avec l'id body. Il faut que tu joues sur 2 id ou 2 class.


e-kiwi
Modérateur
Modérateur
 
Messages: 15544
Inscription: 23 Déc 2003

Message le Lun Nov 20, 2006 16:02

dans le genre :
<body>
<div id='site'>
<div id='haut'></div>
<div id='contenu'></div>
</div>
</body>


moktoipas
WRInaute passionné
WRInaute passionné
 
Messages: 2326
Inscription: 29 Juin 2004

Message le Lun Nov 20, 2006 18:22

avec le css 3 c'est possible (d'ailleur on peu deja le faire, ca marche sous konqueror)


Si vous avez aimé cette discussion, partagez-la sur vos réseaux sociaux préférés :

Lectures recommandées sur ce thème :



Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 1 invité