Hi all,

I have made a basic skin (I'm still new to this) and container using ascx files. I am using various images to make the border (rounded corners etc) on the module. All of these are specified in the CSS file as follows:

#ContainerHeader

{vertical-align:top;}

#ContainerHeader

The important part of the .ascx file (for the header) is as follows:

Now I want to make an exact copy of the container, except that I want to use different images. The only difference in the images is the color.  Since my CSS declarations specifies a file name for backgrounds, it seems as though I am forced to make twice as many declarations (one for each color) and duplicate a ton of information.  kind of like this:

Is this the correct approach, or is there a better way?

Thanks in advance!

Paul Hermans

Jeff,

Thanks for the confirmation that I was going down the right path.

Paul Hermans

www.benemtech.com

I actually find it harder to separate the CSS into an include or use containername.css if there are multiple containers on a page.  The files all get combined in the end anyway and one commented file is easier for me to maintain.

But, it does work to separate them.

Jeff