Css Background problems

vampyrus · March 12th, 2008, 09:30 AM

Is it possible to have a single CSS govern multiple pages that all have different backgrounds ??
I would like to not have to tag the background into the html if I can help it ...

moojoo · March 12th, 2008, 09:39 AM

body#pageID {}

for each page and in the HTML <body id="pageID"> this also makes it easier to control navigation based on per pages basis.

i.e. #nav ul li a {} and then you could do something like #pageID #nav ul li a {} will work on any child of the body. etc etc

welshstew · March 12th, 2008, 09:42 AM

yes, just set up different id's for your backgrounds then n your code ensure you pull through the appropriate id into the body tag

ie.

Code:

body { background-color: #fff;}
body #bluebackgroundwithfunckystripes {background-image: url('bluebackgroundwithfunckystripes.gif')}
body #pinkpolkadotbackground {background-image: url('pinkpolkadotbackground.gif')}

page 1:

HTML Code:

<html>
<head></head>
<body id="bluebackgroundwithfunckystripes">
</body>
</html>

page 2:

HTML Code:

<html>
<head></head>
<body id="pinkpolkadotbackground">
</body>
</html>

something like that

vampyrus · March 13th, 2008, 04:34 AM

hmmm ... dont know what i'm doing wrong ... it's not working ....
sorta tried to follow welsh's instructions ....

will hav to play with it some more.