Plusieurs images dans mon background

**Remus91** · 08/08/2009, 23h40

Bonjour,
Je souhaiterais avoir plusieurs images en temps que background dans mon design.
Je vous explique : j’ai une image de fond que je répète X fois pour qu’elle recouvre toute ma page (pas de problème), maintenant j’ai une autre image que je souhaiterais ne faire afficher que sur le haut de ma page (un petit bando).

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
body {
	background-color: #9d8467;
	background-image: url(fond.jpg);
	background-repeat: repeat;
	}

Comment faire afficher mon image dans un bando ?

Merci de votre aide
Rémy

**Erwan31** · 09/08/2009, 01h21

Bonjour,
tant que les background mutiples sur un même élément n'est une une possibilité assez largement implémentés dans tout les navigateurs, tu es obligé de créer
et éventuellement superposer plusieurs éléments (des div s'ils ne servent qu'à afficher un background CSS).

**Remus91** · 09/08/2009, 12h30

Salut
Merci de prendre part à mon problème

Donc si je comprend tu me conseil de crée une nouvelle rubrique dans mon CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
header {
background-image: url(header.jpg);
background-repeat: repeat-x;
}

et de l'intégrer de cette manière :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<body>
<div id="header">
 
</div> <!-- Header -->
 </body>

Par contre du coté du code html il ne faut pas spécifier la hauteur de mon bando ?

Merci de votre aide.

Rémy

FoxLeRenard · 09/08/2009, 13h01

Envoyé par Remus91

Bonjour,
Je souhaiterais avoir plusieurs images en temps que background dans mon design.
Merci de votre aide
Rémy

Ce que t'explique Erwan31 est que ta page a le fond répétitif telque tu l'a écris, puis dans cette page tu peux ajouter un bandeau par exemple
(Ou même plusieurs).
Un bandeau étant une image fixe donc de taille connue par exemple 800px
alors pour l'avoir en haut de ta page et au centre il te faut ecrire.
Juste derriére le Body

HTML

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div class="centre800"><img src="truc.jpg" alt="" /></div>

CSS

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
div.centre800 {width: 800px;margin : auto;}

Plusieurs images dans mon background

CSS

Vue hybride

Discussions similaires

Partager

Partager