This page is here to demonstrate the "Boxed H2s" style sheet.
The Styles
There are several styles that can be used on the pages of this web site. If you're using a reasonable browser, you can choose them from the selection of "alternate stylesheets." In Mozilla, select "Use Style" from the "View" menu.
These pages are here for the benefit of those using browsers that don't do CSS as well, Internet Explorer in particular. They might also help people actually notice the alternate styles—most sites don't use them, so people don't look for them.
In addition to the style sheet in question, all of the styles use some common CSS rules as well.
This Style
This style adds borders around subsections of the page. The borders are constructed with <div class="h2">
...</div>
around each of the sections (where a "section" starts after an <h2>
, and continues until the next). This is ignored in most of the other style sheets. The border is "cut out" around the heading itself by giving the heading text a white background.
The style also contains a full set of rules for printing that let it print well.
After some experimenting, this style should display nicely in browsers based on Gecko (Mozilla, Firefox), khtml (Konqueror, Safari), as well as Opera 7, and Internet Explorer.