28172 sujets

CSS et mise en forme, CSS3

[résolu] Background-image

Bonjour à tous,
Je voudrais n'avoir qu'une seule feuille de style pour plusieurs pages xhtml avec une background-image différente pour chaque page.
Comment faire ?
Je me torture l'esprit et je cherche partout sur google depuis 2 jours sans succès.
Merci de bien vouloir m'aider
Modifié par galeazzo (21 Aug 2008 - 12:43)
Bonjour à toi,

Tu peux appliquer une classe à la balise body de tes différentes pages, chaque classe étant différente des autres :

<body class="accueil">
<body class="article">
<body class="contact">


Dans ta feuille de style, tu peux maintenant appliquer l'image de fond de ton choix à chacune des pages :
body.accueil { background: url(bg_accueil.jpg); }
body.article { background: url(bg_article.jpg); }
body.contact { background: url(bg_contact.jpg); }
Ericf a écrit :
Bonjour à toi,

Tu peux appliquer une classe à la balise body de tes différentes pages, chaque classe étant différente des autres :

<body class="accueil">
<body class="article">
<body class="contact">


Dans ta feuille de style, tu peux maintenant appliquer l'image de fond de ton choix à chacune des pages :
body.accueil { background: url(bg_accueil.jpg); }
body.article { background: url(bg_article.jpg); }
body.contact { background: url(bg_contact.jpg); }



Merci beaucoup. Ca marche au poil.
Bonne journée
(mille excuses mais je ne sais pas comment marquer résolu
Ericf a écrit :
Tu peux appliquer une classe à la balise body de tes différentes pages

Pourquoi donc une classe? Un identifiant m'apparaît plus adapté.
Benjamin D.C. a écrit :

Pourquoi donc une classe? Un identifiant m'apparaît plus adapté.

Oui pourquoi pas ?
J'ai pour ma part l'habitude de travailler avec des classes, les devs avec qui je bosse préférant les classes aux ID Smiley ohwell
Modifié par Ericf (21 Aug 2008 - 11:10)
Benjamin D.C. a écrit :

Pourquoi donc une classe? Un identifiant m'apparaît plus adapté.

Sans doute dans l'id qu'un body a de la class ?... Smiley lol

me--->[] loin, loin, loin...
Sujet clos
Aller à