Background en plusieurs parties

Bonsoir,

Je n'arrive pas à trouver la solution pour intégrer mon design qui se compose de "plusieurs images" pour le background.

Voici ce que je veux arriver à faire :

http://uppix.net/7/3/c/6baf0d9b835d10c0708710bddfbdf.png

Je me retrouve donc, avec dans l'ordre : 3 images pour le top > une couleur unie > 3 images pour le dégradé du footer > une couleur unie pour finir.

Si quelqu'un pouvait m'indiquer un tutoriel ou autre qui pourrait m'aider, ce serait sympa`

Merci d'avance.


ps : par exemple facebook ou http://www.filesharehq.com .

Bonjour,

Il y a plus simple (et plus efficace) :
1 image pour le header : très large pour s'adapter à un maximum de résolutions avec au centre la partie fixe. Cette image sera centrée (avec background position) pour donne l'impression que les parties latérales s'ajustent.

1 image pour le corps.

et 1 image pour le footer selon le même principe que le header.

Bonjour et merci pour ta réponse.

Effectivement cette solution a l'air plus rapide à mettre en place, mais j'y vois deux "problèmes" :

- le poids de ma page, car dans ce cas, je vais faire une image de 1920 x 150px, alors que dans l'autre cas, je peux faire une image de 1000 x 150px + 1 x 150px qui se répète.

- Et si cela se répète, mon site sera "accessible" aux utilisateurs ayant une résolution de plus de 1920px la large.

Enfin l'essentiel pour moi c'est le poids de la page, je vais aller tester s'il y a une grosse différence.

Un bloc largeur 100%, hauteur 150px, avec ton image qui se répète. A l'intérieur un bloc largeur 1000px, centré, avec ton image pour le header.

Pour le footer idem.
Modifié par jb_gfx (28 Apr 2011 - 13:38)