28173 sujets

CSS et mise en forme, CSS3

Background à droite image repeat en longueur

Bonjour,

J'ai une très petite image pour figurer une fine ligne en dégradé qui doit apparaître sur la droite de toute mes pages et arrêter au footer, je ne sais pas trop comment faire cette ligne répétive de façon dynamique c'est-à-dire temps qu'il y quelque chose sur la page elle doit continuer sinon arrêté au footer. Aussi fixer la largeur de la page à 780px.

Dois-je faire quelque chose avec la tag <body> ?

Merci ! Smiley confus
Modifié par sperron (26 May 2006 - 20:04)
Bonsoir,

Tu peux la placer sur body si tu n'as pas d'autre images ou couleur de fond à mettre, ou sur le bloc div qui contient le site si tu en as un :
body {
     (...)
     background couleur url(image.extension) position position répétition;
     }

ou

div#conteneur{
     (...)
     background couleur url(image.extension) position position répétition;
     }

Pour répéter verticalement, c'est repeat-y (ou Y concerne l'axe des ordonnées).

Le footer sera positionné au-dessus de cette image de fond s'il est bien positionné après dans le balisage. Si besoin, on peut lui ajouter un z-index: xxx; pour forcer le footer à se positionner par dessus (ou xxx est un nombre entier quelconque).
Voilà j'ai fais ceci:


#bordureDroite {
	background: white url("/images/grey_side.gif");
	background-repeat: repeat-y;
	background-position: 780px;
	}


Mais ça ne fontionne pas dans Netscape, pourquoi ? Smiley rolleyes

qu'est-ce que je dois modifier pour ça fonctionne sur Netscape ?

MERCI Neko !
Modifié par sperron (26 May 2006 - 22:27)
sperron a écrit :
Mais ça ne fontionne pas dans Netscape, pourquoi ? Smiley rolleyes
qu'est-ce que je dois modifier pour ça fonctionne sur Netscape ?

Quelle version de Netscape ?
Netscape 4,
Netscape 6,
Netscape 7,
Netscape 8 ?
Sujet clos
Aller à