Hi all,

I'd appreciate your guidance on how best to organise my CSS styles.

I am designing a site that has an overall design with some variations  
on some pages. For example, I have this for a page banner style:

#page_banner {
        background: url(../images/banner_page_name.gif) no-repeat;
        width: 990px;
        height:  102px;
}

where I will have a number of different banner_page_name.gif files.

My client also wants to have colour variations within the overall  
them on some pages, meaning that I will have to vary background and  
keyline colours.

The question is one of how best to organise my css files. I could  
have all of the styles defined in one .css file and put the  
variations in the head of each html file, or I could link to a style  
sheet designed specifically for the page, and then import the more  
general style sheet. From what I read it appears that linked styles  
override imported styles. The latter seems a cleaner approach, but  
most of the sites styles would end up in an imported style sheet, and  
I understand that older browsers do not support importing.

Anyway, I can't figure out in my own mind which is the best approach,  
and can't find much on the web about it. Any guidance appreciated.

Thanks,


Ian.
-- 
Dr Ian M Piper
[EMAIL PROTECTED]
skype: ianmpiper
-- 
Where is the wisdom we have lost in knowledge?
Where is the knowledge we have lost in information?


______________________________________________________________________
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