1 Nice

Very nice. Power to the peeps indeed.

posted at 07:05 am on April 9, 2004 by Mike Sab

2 country *and* western

I like this approach, especially as it allows non-JS agents to switch style sheets through the use of the various alternate style sheets [which, in theory, show up in a menu of the application].

As obvious as the idea is, it never occurred to me to do this. Thanks, Bojan for an enlightening article.

posted at 07:05 am on April 9, 2004 by CM Harrington

3 IE goes into quirk mode if _anything_ is before th

It is some kind of myth that IE only goes into quirks mode when a XML Prolog or PI is used before the DOCTYPE.

Using a comment can already do that.

posted at 07:10 am on April 9, 2004 by Anne

4 Dangit

We did a “lighter” version of this last month at the Wisconsin Historical Society, just “large” and “Normal.” I wish I had seen this first…

posted at 07:16 am on April 9, 2004 by James

5 little note

“These names will be displayed in Firebird’s “Switch to alternate stylesheet” menu and Mozilla’s “View > Use style” menu.”

Also in Opera’s View -> Style menu.

posted at 07:21 am on April 9, 2004 by Jarek Piórkowski

6 well would you look at that

All I did was copy/paste the part. Apparently something did not connect along the way. Sorry about that.

posted at 07:22 am on April 9, 2004 by Jarek Piórkowski

7 PHP switcher

This was a very good read. Btw, it also works fine with the PHP supported switcher, which you will find in the Server-Side section.

posted at 07:29 am on April 9, 2004 by Lukas Grumet

8 Why so many styles?

Why are the (small, medium, etc) styles applied to so many different elements?

If you give everything a size using percentages, then all you have to do is change the size of the body element to resize the entire page.

posted at 07:41 am on April 9, 2004 by Eric

9 Small bug

Good article. One small thing: onclick=”“ attributes shouldn’t have [removed] in them. They still work in most browsers but it’s not garaunteed to work everywhere, so it’s best to leave the [removed] out.

I would suggest enhancing this technique by writing out the form and buttons used to control text sizing using Javascript – either with [removed]() calls or using the DOM. That way users without Javascript won’t see a widget that doesn’t work. Even better, set up a server side client switcher which the script can “fall through” to if Javascript is disabled.

posted at 08:02 am on April 9, 2004 by Simon Willison

10 Many style sheets

[url=“http://www.alistapart.com/discuss/relafont/#c7558”]Jarek wrote:[/url] “All I did was copy/paste the part. Apparently something did not connect along the way.”

Don’t forget to grab the other css files ; )

href=“large.css”
href=“medium.css”
href=“small.css”
href=“x-small.css”
href=“xx-small.css”

posted at 08:26 am on April 9, 2004 by Ray

Discussion Closed

New comments are not being accepted, but you are welcome to explore what people said before we closed the door.

Got something to say?

Discuss this article. We reserve the right to delete flames, trolls, and wood nymphs.

Create a new account or sign in below if you’d like to leave a comment.

Forgot your password?

Subscribe to this article's comments: RSS (what’s this?)