----- Original Message -----
From: "Roger Roelofs" <[EMAIL PROTECTED]>
To: "css-d css-d" <css-d@lists.css-discuss.org>
Sent: Wednesday, May 25, 2005 11:07 AM
Subject: Re: [css-d] Different background image to each page
Vicki & David,
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); }
For what it's worth, that's pretty much what I suggested, sans the extra
body ID. It still seems to me that styling in the external stylesheet and
specifying the image in the page head is the most efficient method. Then you
don't need a body ID at all, and you're not bloating the external style
sheet with rules that are only used on one page.
tim
^^^^^^^^^^^^^^^^^^^^^^^^
Tim Gallant
http://www.pactumgroup.com
Basic tutorials: http://www.pactumgroup.com/tutorials/
______________________________________________________________________
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/