On Friday, May 11, 2007 9:48 am, Juanita wrote:
> Hi -
>
> I'm starting a site (fairly new to css) where one section (not just a
> page but many pages that are related) must look COMPLETELY DIFFERENT
> (colors, background, logo etc.) than the rest of the site, but the
> basic structure of both sections are exactly the same. Is what I've
> explained below ok? Is there a better way (before I go too far) than
> what I've planned?
>
> I've started with a global style sheet that has the basics such as:
>
> body {
> font-size: 12px;
> font-family: Verdana, Arial, Helvetica, Sans-Serif;
> padding:0px;
> margin:0px;
> }
>
> #wrapper {
> width: 775px;
> margin-left: auto;
> margin-right: auto;
> height:100%;
> }
>
> Then to give each respective section it's specific look, I needed to
> add additional property/values to the same selector that I have in
> the global stylesheet. So I end up with a second (and third)
> stylesheet that also have the body, wrapper, etc. selector with
> additional property/values (tho I've not repeated the property/values
> that are in the global.) And of course, the global is linked to all
> pages, while the second is linked only to the pages for that section,
> and the third the same.
>
> Second stylesheet
> body {
> background: #ced9e4;
> color:#999;
> }
>
> #wrapper {
> background:url(../images/wrapper_main.gif) repeat top center;
> background-color:#fff;
> }
>
> Third Stylesheet
> body {
> background: #343434;
> color:#333;
> }
>
> #wrapper {
> background:url(../images/wrapper_jazz.gif) repeat top center;
> background-color:#000;
> }
You should have no problems with this as long as you specify your
stylesheet link tags in the proper order: global first, with
progressively more specific stylesheets specified in order.
One advantage of doing it this way is that you can simplify the
selectors that are used differently in different sections of your
website. You can reuse them and simply specify different rules that
will apply to specific sections without conflict.
--
73, AC7ZZ
http://counter.li.org/
Linux User #246504
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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/
