Hi,
I've got (I think) a quick question:
I'm trying to show a different background image to each page of a
website.
This is the div...
div#content {
padding: 0;
width: 100%;
border: 5px solid #C63;
border-width: 5px 0 5px 0;
background: #369 url(/images05/home.jpg) no-repeat;
}
I want to display the image in the background so the text within the
same div comes over the image a little.
The only way I can think to do it is, to call the entire div another
name for each page for example div#about, div#contact etc etc with all
the padding, borders etc.
This would fill a stylesheet so I wondered does someone know a better
way?
Many thanks
Vicki
Apply a different id to the body element on each page and call a different
image for each id?
Best,
david
Hi David and Tim,
I did it yippee... I feel like things are starting to fall into place with
this stuff!
What I did...
I took the background attributes out of the div#content and then
created classes:
.homepage {
background: #369 url(/images05/home.jpg) no-repeat;
}
.webpage {
background: #369 url(/images05/web.jpg) no-repeat;
}
etc etc ...
It's only a small amount of extra code for the stylesheet... then into the html
I added to the div#content:
<div id="content" class="homepage">
Works well, in Firefox and IE 6.0, hopefully most browsers.
Many thanks you guys put me on the right track.
8-)
Vicki
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
