Vicki & David,
On May 25, 2005, at 2:19 AM, David Laakso wrote:
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.
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;
}
If you are an efficiency freak and keep the css smaller you can do it
like this.
div#content {
padding: 0;
border: 5px solid #c63;
border-width: 5px 0;
background: #369 url(home.jpg) no-repeat;
}
body#about div#content { background-image: url(about.jpg); }
body#this div#content { background-image: url(this.jpg); }
body#that div#content { background-image: url(that.jpg); }
hth
Roger
-------------------------------------------------------
Roger Roelofs web www.datacompusa.com
Datacomp Appraisal Services Email rer at datacompusa.com
3215 Eaglecrest Drive, NE
Grand Rapids, MI 49525-4593
______________________________________________________________________
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/