Franšais Join/Renew Search Contact Us Log In

Using the Style Sheet

The style sheet is designed to control the way browsers display the pages.
The style sheet being used for this site specifies a host of things: font family, font size, font color, bold, italic, background color, positioning, etc.

Most of the style specifications are used by the menu and the handler.asp which lays out the pages.
However there are several styles that you can use to layout the pages you're working on.

Standard HTML tags


is the largest size header element


is a medium size header element


is the smallest header element defined so far.

<b> </b> produces text that is bolded w ithin the body of the page
<p> </p> produces text that is 12px, black, not bold.
TH is a table header tag and it centers the text and greys the background

Custom Styles defined so far


this style will display text as 12 px, black, bold. It's the same look as H3 however, unlike H3 it will allow you to insert a <br> (a line break without a blank line) whereas


forces a blank line. So where you might want to empahsize something within the text, use textbold and not H3. If you want to user a header without a blank line after it, use textbold.
The coding is: < span class="textbold">text< /span> (without the space after the "<")

Because of various browser incompatibilities and differences in display we've found we need to specify the colour of links within the body of the text. Do that using the textlink custom style. The link is coded in the following way:
< a class="textlink" href="link.html"> (without the space after the "<")
red class="red" produces red text.
redbold class="redbold" produces text that is red and bold
e.g.: < p class="redbold"> or < td class="redbold">

As the need for more styles arises more will be put into the style sheet. If you find you want to format the text in some particular way contact Judith Newman with a description of what you'd like to implement and she'll do it.

May 23 2003   Top Top