On 6/11/07 (17:56) Anne said:
>Each page currently has an id specified in the body tag, so ideally I could
>name the images in concert with the body id and thus call the correct image
>by using a variable whose value would correspond to the body id. But I know
>that is not possible in CSS.
Yeah, it's totally possible, unless I'm misunderstanding your needs.
If you have a unique id for each page's body and a div that reoccurs on
each page (using the same ID each time) for the image, then you simply
define css for each combination. The css might get a little verbose if
you have lots of pages to account for, but the only extra markup is the
id on the body tag.
PAGE 1
-----------
<body id="home">
<div id="imageholder"></div>
</body>
PAGE 2
------------
<body id="about">
<div id="imageholder"></div>
</body>
CSS
------------
#home #imageholder {
background: url(myHomeImage.jpg) left top scroll no-repeat;
}
#about #imageholder {
background: url(myAboutImage.jpg) left top scroll no-repeat;
}
--
Rick Lecoat
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
