This is a legacy document, and retained on the site in order to avoid link rot. The content is likely no longer (a) accurate, (b) representative of the views and philosophies of current site management, or (c) up to date.

CSS Pointers Archives

Archives - Introduction

In a galaxy far, far away, in a time barely remembered, these links were compiled by Toby Brown , Jan Roland Eriksson , and Sue Sims. In the fullness of time, these links were replaced by others. To recognize the early work of CSS authors seems to be reason enough to include these early links in this archive.

> W3C Notes and Drafts

Action Sheets (Note)
How to link Style sheets to HTML
Aural Cascading Style Sheets (ACSS)
WAI Accessibility Guidelines
CSS draft specifications
note-css-potential-19970819
Frame-based layout via Style Sheets (W3C Note 08 June 1996)
Positioning HTML Elements with Cascading Style Sheets
Printing with CSS
Netscape's JSSS Proposal (archived as a WD).

Tips and Workarounds

If we had heard from you, this section would be much larger.

The Core Style Project
Todd Fahrner applies four very different style sheets to a variety of documents, demonstrating not only the potential of CSS, but their modularity as well.
Tabular summary of workarounds, by browser.
Centered images in Netscape Mark Fuller shares the answer.
Liam Quinn's workaround for selectively excluding Navigator 4x.
Todd Fahrner's Tip for delivering the best possible CSS
CSS HR in Netscape 4x.
Colors in HTML
Hubert Partl offers suggestions to provide the most colorful experience for your visitors.
Why External Style Sheets?
Background images in IE4 won't show.
Text default after TABLE missing
Drop Cap workaround
Mac IE4 discrepancies

Terse History of CIWA.Stylesheets

Charter of comp.infosystems.www.authoring.stylesheets
First post and answer in ciwa.stylesheets
Rationale for the creation of ciwa.stylesheets.

Snippets

Downlevel browsers
Authors may wish to design their HTML documents to be viewable on older browsers that don't recognise the STYLE element. Unfortunately any style statements placed within a STYLE element will be visible to users. Some style sheet languages such as CSS allow the style statements to be enclosed in an SGML comment, for instance:

<STYLE TYPE="text/css">
<!--
H1 { color: red }
P {color: blue }
-->
</STYLE>

Note that for user agents conforming to this specification, the comment is interpreted by the application and not the SGML parser.

Highlight bits of text with a simple declaration.

Italicized font renders strangely:
It has been pointed out in /attic/broken-links.html that Adobe Type Manager, used in conjunction with Internet Explorer 4x can cause unexpected rendering of italicized fonts. When ATM was disabled, the rendering was normalized. Update Adobe responded to the bug report with the following 'solutions':
  1. In the Advanced Settings tab of the ATM control panel, deselect the 'Enable Font Substitution' button.
  2. In IE4, go to View | Internet Options | Accessability and select 'Ignore Font Styles' button.
Restart IE4 and go to the problematic website and the problem should be solved.
We expect to hear from Microsoft before the end of the millenium, so stay tuned for further developments.
My Styles don't work
  • Not all/some versions of each/all browser(s) support CSS.
  • Check your CSS with CSSCheck from Liam Quinn of the Web Design Group.
  • Make sure that you don't have any HTML markup in your style sheet.
  • Check the mastergrid to see if support for your declaration is buggy or partial
  • If using Netscape, make sure you have enabled Javascript, as well as style sheets.
  • Okay, I've done all of the above, and my styles _still_ don't work. What now?
  • Ask specific questions in the Style sheets newsgroup . Include an URL or snippet of markup for best results.
What DOCTYPE should I use?
Two suggestions at the W3C Validation Service are:
  • Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
  • Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/REC-html40/strict.dtd">
How to prevent hypertext underlines .
My document doesn't look the same in IE 4x and NN 4x. Why?
Why? See Eric Meyer's grid. Browser versions have not supported some/all/any CSS elements equally/correctly.
Is everyone on this newsgroup still crying?
No. We've begun wailing and gnashing.
How do I set font and color for a select field in a form?
With a declaration like: SELECT { width: 10em; color: blue; background: white }
Note : This is not supported in all browsers, modulo CSS caveats.
Why won't (font-color)(font-family) affect my table?
You'll need to assign font-color to individual rows or cells, instead of the entire table. You also need to explicitly close <TH>, <TR> and <TD>, to 'work around' a Netscape 'feature'.
The 140 'Color names' are listed in this file (tabular format).
After finding and arranging them, I finally found something useful to do with them. The CSS file used in these tests is 'stickynote.css' .
Note : There are really 140 names, but only 138 colours. 'Fuchsia' and 'Magenta' both map to #FF00FF, and cyan and aqua both map to #00FFFF.
[new!] While suffering through an unusually bad bout of ennui, I found that the marriage of CSS with ASCII art provided another generation of CSS notagifs (tm) . It turned out that such experimentation could relieve some of the symptoms, but the true diagnosis was lovesickness. The prognosis, however, is optomistic.
Some Color Tests are provided for consideration.

In a galaxy far, far away, in a time barely remembered, these links were compiled by Toby Brown, Jan Roland Eriksson, and Sue Sims. In the fullness of time, these links were replaced by others. To recognize the early work of CSS authors seems to be reason enough to include these early links in this archive.

Sue Sims