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/

Reply via email to