On Tue, 24 May 2005 23:59:21 -0400, Vicki Skinner (Stebbins)
<[EMAIL PROTECTED]> wrote:
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
What I meant is:
body#home div#content { background: #369 url(home.jpg) no-repeat; }
body#about div#content { background: #369 url(about.jpg) no-repeat; }
body#this div#content { background: #369 url(this.jpg) no-repeat; }
body#that div#content { background: #369 url(that.jpg) no-repeat; }
div#content {
padding: 0;
width: 100%;
border: 5px solid #C63;
border-width: 5px 0 5px 0;
}
Regards,
David Laakso
--
http://www.dlaakso.com/
______________________________________________________________________
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/
