That's because you have so many different css files
<link rel="stylesheet" href="/styles/import/508.css"
type="text/css" />
<link rel="stylesheet" href="/styles/import/core.css"
type="text/css" />
<link rel="stylesheet" href="/styles/import/body_content.css"
type="text/css" />
<link rel="stylesheet" href="/styles/import/general_html.css"
type="text/css" />
<link rel="stylesheet" href="/styles/import/header.css"
type="text/css" />
<link rel="stylesheet" href="/styles/import/leftnav.css"
type="text/css" />
<link rel="stylesheet" href="/styles/import/rightnav.css"
type="text/css" />
<link rel="stylesheet" href="/styles/import/custom_styles.css"
type="text/css" />
<link rel="stylesheet" href="/styles/import/footer.css"
type="text/css" />
It might work better if you had a base css that included imports within
it to the sub css files. When you switch that with a new css file the
imports should also be skipped. I haven't tested that, but I think it
would work.
-----Original Message-----
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Erickson, Kevin (DOE)
Sent: Friday, January 22, 2010 2:27 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] CSS off button
Thanks for the responses.
The reason I am looking for something along these lines it to have a
"text only" look. A state requirement by State of Virginia for all
government web sites.
I like the style switcher idea which I am already using but when I
switch to an alternate style it only changes what I specify in that
alternate CSS file. A blank CSS file would change nothing. Or am I
missing something about how to use the style switcher. I have it used in
the far right of the banner for changing the text size here:
http://www.doe.virginia.gov.
cheers
-----Original Message-----
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org]
On Behalf Of Oliver Boermans
Sent: Friday, January 22, 2010 4:54 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] CSS off button
Hi Kevin
On 23 January 2010 06:52, Erickson, Kevin (DOE)
<kevin.erick...@doe.virginia.gov> wrote:
> Could anyone please tell me if there is a right way to put a clickable
> button in a web page that will turn off all CSS?
Why do you want to switch off CSS?
Reasons aside, the simplest method that jumps to my mind is to use an
empty alternate stylesheet and some JavaScript to switch between it and
the default [presuming you have all your style in the one external CSS
file].
This rather old article explains the concept
http://www.alistapart.com/articles/alternate/
If you have the option, a server-side approach as Paul suggests would be
more reliable as it would work without JavaScript.
Comes back to why!?
Hope that helps
Ollie
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
*******************************************************************
