Css - Background en trois étapes Fermé

Question

Bonjour, 
j'aimerais faire trois images différente mon fond.
L'image un serait l'image top center
L'image deux serait en continue au milieu de la page
et finalement la troisième sera en bas.

Voici le code de l'image de haut: (Bord7.jpg)

body {
  background:url(bord7.jpg) repeat-x top center #E8F7F9;
  font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
  font-size:62.5%; /* Sets default font size to 10px */
  color:#222222;
  }

* {
  margin:0;
  padding:0;
  }

img {
  border:0;
  }

p {
  margin-bottom:1em;
  margin-top:0.5em;
  line-height:1.5;
  }

a {
  text-decoration:none;
  color:#ffffff;
  }
a:hover {
  text-decoration:none;
  color:#ff0000;
  }

Je cherche donc comment ajouter mes trois autres images... je n'ai jamais fais cela auparavant!


Merci!
Configuration: Windows 7 / Firefox 3.6.8

Anji · Answer

Si j'ai bien compris, ton image 1 serait une sorte de header (l'en-tête de ton site). L'image 2 serait le fond du contenu de ton site et l'image 3 serait une sorte de footer (pied de page) ?

Dans ce cas, le plus simple serait de la mettre dans une div en haut avec ton image en background.

Une div au centre avec ton image deux et à l'interieur de laquelle tu place le contenu de ton site par dessus.

Et tout en bas une div avec ton image 3.

Hugogen · Answer

Oui exactement Anji! ;)

Css - Background en trois étapes

2 réponses

Discussions similaires