Background diversi

[alex4xss]

Salve a tutti, ho la necessità di cambiare lo sfondo per ogni pagina di un sito che sto realizzando. Essendo svariate voci di menu non posso utilizzare template modificati. Dopo diverse prove con moduli e plugin che non fanno al caso mio o che non funzionano, sto lavorando direttamente sul template, ma evidentemente sbaglio qualcosa. In sostanza ho inserito su index.php il seguente codice

pagina 1
codice:
<bodyclass="p1">
</body>
pagina 2
codice:
<bodyclass="p2">
</body>
pagina 3
codice:
<bodyclass="p3">
</body>
dove a p1,p2,p3 ho inserito la relativa voce di menu e nel template.css

.p1 { background: url(../img/bgp1.png) top left repeat-x;}

.p2 { background: url(../img/bgp2.png) top left repeat-x;}

.p3 { background: url(../img/bgp3.png) top left repeat-x;}con la stessa indicazione.
Il problema è che queste poche righe mi sballano completamente il template. Suggerimenti?
grazie a tutti

[Mich_]

Prova a seguire la sintassi in modo pedissequo:

color position/size repeat origin clip attachment image

Nel tuo caso:
.p1 { background: top left repeat-x url(../img/bgp1.png);}

E poi fai un controllo con i validatori (riferimenti tra i "link utili"): puo` essere che ci siano errori di sintassi, che non sempre sono riconosciuti, ma in certe condizioni si`.

[carlomarangoni]

In questo caso mi sembra anche più appropriato un ID piuttosto che una Classe che può avere conflitti