2 background images

16 janvier 2006 à 17:31:17

Bonjour à tous

Voila j'ai un petit problème de codage. J'aimerais insérer 2 images de background sur ma balise body.
Voici l'image :

Voila la partie supérieure qui est blanche avec les lignes bleues serait en repeat x, et la partie grise avec des lignes serait en repeat dans tout le reste :-°

Car si je mes juste cette image en entière en repeat x, il y a un moment ou quand je descens trop et bah, c'est tout blanc

Voila si il est possible d'intégrer çà au CSS ou directement au html, ou si il faut séparér tout ca en DIV.
Merci

Heltihès

17 janvier 2006 à 9:55:17

Je pense que tu es obligé de séparer avec des divs. Tu fais un div global qui aura pour fond, le noir, et un div contenu dans le global qui aura une hauteur définie, et pour fond le blanc. Une truc du genre :

<div id="fond_noir">
<div id="fond_blanc">
Blabla apparaissant sur le blanc ...
</div>
</div>

Et après dans la CSS, ca donnerai ca :

#fond_noir
{
background-image: url("fond_noir.jpg");
background-repeat: repeat;
}
#fond_blanc
{
background-image: url("fond_blanc.jpg");
background-repeat: repeat-x;
height: 300px; /* hauteur de ton image */
}

J'ai pas testé, mais ma devrait marcher ...