I have a class

#home #bottom #left,   {
width: 255px;
height: 340px;
float:left;
background-image:url(../images/boys.jpg);
background-repeat:no-repeat;
}


The page id="home", #bottom is a holder div #left contains the image

On different pages I just want to change the image

#anotherpage #bottom #left,   {
width: 255px;
height: 340px;
float:left;
background-image:url(../images/anotherimage.jpg);
background-repeat:no-repeat;
}

Can I set up a class that has everying except the image..

mycommon class {

width: 255px;
height: 340px;
float:left;
background-repeat:no-repeat;
}

and then just apply the image to the specific page {

#home #bottom #left,   {

background-image:url(../images/boys.jpg);

}

Ross


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to