xhtml en body

phelibre · 15 Mars 2010

Bonjour,

En xhtml j'aimerai pouvoir changer l'image de fond de body en fonction de la navigation ...
Voilà un extrait de mon css, avez vous une idée ?

body {
background: #333333 url(images/fondgris.png) repeat-y center;
margin: 0;
padding: 0;
font-size: 13px;
font-family: Verdana, Geneva, Arial, sans-serif;
line-height: 16px;
}

westindies972 · 15 Mars 2010

Pour changer l'image de fond du body selon la navigation (par exemple en changeant de page), il faut attribuer une classe au body pour chaque page :

Bloc de code:

<body class="page-1">  // pour la première page

<body class="page-2">  // pour la seconde page

...

Ensuite dans ton CSS tu définis les propriétés générales du body et les spécificités pour chaque page :

Bloc de code:

body {
  background-color: #333333;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-family: Verdana, Geneva, Arial, sans-serif;
  line-height: 16px;
}

body.page-1 {
  background: url(images/fond-1.png) repeat-y center;
}

body.page-2 {
  background: url(images/fond-2.png) repeat-y center;
}

...

victa · 18 Mars 2010

Euh,

Ca sera mieux comme ça, sinon tu vas effacer le background-color

body.page-1 {
background-image: url(images/fond-1.png);
background-position: repeat-y center;
}

body.page-2 {

background-image: url(images/fond-2.png);
background-position: repeat-y center;
}

westindies972 · 18 Mars 2010

ou plutôt :

Bloc de code:

body.page-1 { background: #333 url(images/fond-1.png) repeat-y center; }
body.page-2 { background: #333 url(images/fond-2.png) repeat-y center; }
...

Cela permet de raccourcir le code

phelibre · 24 Mars 2010

Merci à tous, mais la première réponse va bien :zen:

xhtml en body

phelibre

Membre actif

westindies972

Membre confirmé

victa

Membre confirmé

westindies972

Membre confirmé

phelibre

Membre actif

Sujets similaires