1 Alternate method

1. Select the area of interest.
2. Go to File > Print
3. Under “Print Range” choose “selection.”
4. Click “Print.”

posted at 07:48 am on May 21, 2004 by Anonymous Mouse

2 Preemptive opinion

I humbly submit to the esteemed authors of this site to please consider that 90% of everybody uses IE6. I hate it, it sucks, IE is the devil incarnate, it is a clear violation of the monopolistic power of Microsoft. It isn’t a browser its an application platform. I wish it ill.

Having said that, we are stuck with it. I recommend a new approach from the good people who produce this site: would you consider a satay section to provide some solace and support for techniques we may deploy without a trip to css-destroy?

Thank you,

B.

P.S. Give Dean Edwards your money. dean.edwards.name

posted at 08:18 am on May 21, 2004 by Benjie

3 Alternatively...

You can do this with the Opera browser, without installing anything else on it (ie. it’ll work with a freshly-installed out-of-the-box Opera). Opera lets you pick your own stylesheets when viewing page (“User mode”); one of them shows the structural elements of a page; printing will print with the stylesheet(s) you have selected.

Adding a new stylesheet to the list is a bit more complicated (you have to add entries to an .ini file, see here: http://nontroppo.org/wiki/OperaUserCSS )… works, though.

posted at 08:24 am on May 21, 2004 by sailoreagle

4 Another alternative

You might consider using Jesse Ruderman’s “Ancestors” bookmarklet, available from http://www.squarefree.com/bookmarklets/webdevel.html , which shows you the full ancestor tree of every element on a page when you hover over it. This, combined with his “Edit styles” bookmarklet (also available on that page), gives you a great deal of power and flexibility when testing new styles on a page.

posted at 09:15 am on May 21, 2004 by Adrian Holovaty

5 Why IE6 is used

Benjie, I agree IE is an abomination. I [url=“http://www.spacerook.com/archives/2004/05/17/why-some-sites-only-work-with-ie/”]posted[/url] a thought on my site about why it is so hard for some people to use other browsers.

posted at 10:13 am on May 21, 2004 by Trent

6 permanent customized web sites

Thanks for putting this together, Derek. I’d been using the Web Dev Toolbar for months without even noticing all that…

Just to make this all even more cool (imho):

Two more extensions in Firefox and Mozilla make it possible to Edit the CSS in this way and then make the changes a permanent addition to any site.

These are URIid: http://extensionroom.mozdev.org/more-info/uriid and ChromEdit: http://extensionroom.mozdev.org/more-info/chromedit.

ChromEdit just provides a quick way to get into the userContent.css—css rules in this file will override those of webpages. (you may need to use !important in some cases, I think)

URIid lets you make rules specific to web sites using a unique id it assigns to every site.

Just to give a quick example: say you want to change the typeface on ALA’s sidebar list of lists. (They are so tiny!)

You’d use the methods Derek described to find the class / id names and figure out the right CSS to use. Then you’d put those rules in the userContent, prefacing the selector of each one with #www-alistapart-com .

End result to put in userContent.css:

#www-alistapart-com #sidebar dl, ul {
font-family: “Verdana”;
}

Then restart your browser to let those changes take effect.

Instant customized webpage! You can go pretty far with well written sites (think CSS Zen Garden). You can also find several simple rules on the URIid page above for changing the background color of Google.

posted at 10:20 am on May 21, 2004 by Jonah Cosley

7 haha, whoops!

Make that rule:

#www-alistapart-com #sidebar dl, #www-alistapart-com #sidebar ul {
font-family: “Verdana”;
}

posted at 10:46 am on May 21, 2004 by Jonah Cosley

8 Opera

As mentioned before, shwing site’s structure and user CSSs work out-of-the-box in Opera, which makes this article have a subtle reinventing the wheel scent to it.

posted at 11:53 am on May 21, 2004 by Jarek Piórkowski

9 Mozilla != Opera

Dave Shea made the same mistake, which is why he’s not my favorite person. He claims that his dropdowns on Mezzoblue (or “Mess of Blue”) will work in Mozilla, Opera, and Safari. They don’t work in Opera.

He assumes that if it works in Mozilla it’ll work in Opera.

I don’t see the point of this article.

Props to Opera!!

posted at 03:11 pm on May 21, 2004 by Dante

10 Adjacent Selectors?

Am I wrong, or won’t the clever adjacent selector rules shown at the article’s end fail in the ever popular IE 6? I thought IE had problems with adjacent selectors, which would make selecting the first cell of the second row in the third table pretty hard. Is there an alternative way around this short of ritual suicide? :)

posted at 04:30 pm on May 21, 2004 by Jonathan Dobres

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?)