28220 sujets

CSS et mise en forme, CSS3

2 images en background [ RESOLU ]

Bonsoir

Est-il possible de placer deux images en arrière plan dans le <body>,
une image fixe vers le haut et la seconde pouvant se répéter ?

Merci

@+

Smiley fou
Modifié par Michel (28 Oct 2005 - 00:25)
Uniquement dans le body, non, mais tu peux en coller une dans le body, et une dans une div.

Un vague croquis de ce que tu veux faire serait apprécié.
Bonjour

Merci pour ta réponse, j'ai déjà construit comme tu le préconises.
je voulais juste savoir si c'était possible.


Tu vois le fond gris foncé, j'aimerais en faire une image qui se répète
tout en conservant bien entendu l'actuelle cofiguration.

@+
Modifié par Michel (05 Nov 2005 - 03:54)
Salut,

Puisque le fond que tu souhaites répéter est simplement une couleur unie, tu pourrais utiliser la version combinée image ET couleur de la propriété background. Un exemple :

body
{
  background : url("bg_index.png") #6c6c6c 0 0 repeat-x;
}

Admettons que pour ton image bg_index, tu te contentes d'avoir 1px de large, avec le haut gris clair et quelques pixels de blanc (mais non je ne pense pas à ton fond actuel, qui a dit ça ?). Avec la règle ci-dessous :
a) tu mets cette image en fond en commençant en haut à gauche
b) tu la répères en x mais pas en y (donc tu en fais ta barre grise/séparation blanche du haut)
c) là où il n'y a pas cette image (donc partout en dessous), tu montres le couleur indiquée (donc ton gris foncé)

C'estce que tu voulais ?
Bonsoir

Merci marvin,
le fond que je shouaite répéter n'est justement pas une couleur unie,
sans celà je ne poserais pas cette question.
La piste sur laquelle tu m'orientes je l'ai déjà éprouvée.
Tu comprends mieux mon raisonnement maintenant.
J'aimerais faire une tapisserie un peu plus jolie que ce gris Smiley smile


@+
Modérateur
bonjour,

(ma façon de faire, ne declanche pas d'alerte ou conseil aux validateurs)

met ton image en haut qui ne repete pas dans "body" avec un "no-repeat;
et ton image qui doit se repeter en arriere plan a" html".

tu n'auras pas besoin de conteneur supplementaire.
Smiley cligne

a plus
Sujet clos
Aller à