Siteweb

Bonjour, je suis nouveau et j'ai vraiment besoin d'aide pour répondre à cette question:
Comment fais t'on pour que le background d'une div continue vers la gauche ou vers la droite comme dans cet exemple:
http://flashnflex.olympe-network.com/ ==> avec
http://flashnflex.olympe-network.com/index2.html ==> sans
cet exemple ne réponds pas à ma question car celui qui a réalisé cela l'a fait grace à :

			
body
			{
				
				background-image:url("images/body_bg.jpg");
				width:100%;
				margin:0;
				padding:0;
				
			}

body_bg.jpg étant cette image : http://flashnflex.olympe-network.com/images/body_bg.jpg

Juste une capture d'écran réduit à 1px. Cela est trop "barbare".
Y a t'il une autre solution? merci d'avance

Salut

C'est normal de voir une image à 1px de large : surtout qu'il s'agit d'un plan.

body { background-image:url (' . . . cible image de 1px . . . '); background-repeat:repeat-x; }

Si tu as une image de 2px par 2px : repeat-x et repeat-y seront utilisés.
Souvent utile pour les backgrounds de textures par exemple ou des couleurs unies.

Tu as aussi : background-attachment:fixed | scroll, qui permet de fixer ou de scroller le background.
Dans l'exemple que tu donne : fixed serait sûrement de préférence comparativement à scroll.

En fait nous agissons ainsi pour diverses raisons dont l'optimisation.
Le poid du fichier image est plus léger à 2px par 2px qu'une seule de 1024 par 728.
Sauf exception, comme les photographies par exemple, que nous ne répétons pas nécessairement.

++
Modifié par zardoz (25 Dec 2010 - 20:28)