Css Background problems

vampyrus · #1 (**permalink**) Mar 12th, 2008, 12:30

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 · #2 (**permalink**) Mar 12th, 2008, 12:39

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 · #3 (**permalink**) Mar 12th, 2008, 12:42

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: Select all

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

page 1:

HTML: Select all

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

page 2:

HTML: Select all

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

something like that

vampyrus · #4 (**permalink**) Mar 13th, 2008, 07:34

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.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Background	Oak	Graphics and 3D	12	Mar 2nd, 2008 00:37
Problems with the background	sbogde	Web Page Design	4	Feb 6th, 2008 13:18
Background color problems with relative positioning	kirkham85	Web Page Design	3	May 12th, 2007 22:53
Aligh and background problems with Opera and Firefox	KiReSt	Web Page Design	1	Jun 26th, 2006 20:08
Background and Resolution compatibility, My background gets cut off	Funion	Web Page Design	1	Dec 4th, 2005 04:42

		Webforumz.com > Main Forums > Design Your Website > Web Page Design
Css Background problems