/* Fun & Games with Style Sheets... -------------------------------- (1) To make them work, add this: . command in the section of the HTML file. (2) The "border" attribute of the "body" style is useless if there are margins. Netscape v4.6 puts the border on the inside of the margins, but IE4 puts the border on the outside of the margins (ie around the entire browser window). (3) Browsers differ when the "border" attribute of the heading style is used to underline the heading. Netscape v4.6 underlines only the heading text, but IE4 continues the underline to the full width of the page (allowing for the inherited margins of the "body" style, if applicable). We probably have to live with the difference between browsers. (4) If you use the font-size attribute of the "body" style to reduce the size of the body text, Netscape v4.6 reduces the headings to the same size as the new body text size (ie it draws headings the same size as the body text). The only way round this is to use the font-size attribute for the headings as well. (5) Netscape v4.6 has problems when changing the colour of a style. If you only set the "color" and "background-color" attributes, the colours do not work properly. You also have to set the "font-family" attribute to make the colour change work. (6) Netscape v4.6 has problems inheriting style sheet attributes. If you define a custom style (eg td.centre{...}) using a custom font, then any paragraphs

in a tag use the default style, not the custom style. Eg in Netscape the

style inherits the default style, not the style that encloses it. The fix is to also set the

style. (7) With IE4, the text-align:center attribute of the "cite" style does not seem to work. This is in a situation where the cited text is written out by JavaScript using a document.write() command (The same command works in Netscape). To fix this problem the center attribute can be used in the HTML instead. (8) IE4 and Netscape have incompatible systems of applying the font-size:x%; attribute. IE4 applies the percentages cumulatively, eg if you have an 80% element inside an 80% element, the resulting size is 64% (0.8 x 0.8). Netscape applies the percentages in relation to the default size, eg if you set the "body" text "font-size" to 80%, all elements that inherit from "body" (headings etc) will all be 80% of the default body text size (see problem 4 above). To avoid these incompatibilities, use the point size, which works under IE4 and Netscape. (9) Netscape v4.6 does not allow attributes of "textarea". (10) Netscape v4.6 only allows onClick, onMouseover, OnMouseout handlers to be used with link elements (...). */ /* This sets BG colour and overrides the "bgcolor" attribute in the tag */ /* #6080A0 = dark medium metallic blue-grey */ /* #7090B0 = medium metallic blue-grey */ /* #6080B0 = dark medium metallic blue */ /* #8090A0 = medium metallic blue-grey */ /* #768A9C = light medium metallic blue-grey */ /* #9088A0 = medium metallic purple-blue */ /* #90A8C0 = sky-blue */ /* #90B0D0 = duck-egg blue */ /* #708CBE = medium French blue */ /* #4B81BA = dark medium French blue */ /* #5B81AA = washed out dark medium French blue */ /* #1F6A94 = Web-page blue */ /* #3A6EA5 = Windows desktop blue */ body { font-family: Verdana, sans-serif; font-size: 10pt; color: black; background: #90B0D0; } /* Sets font and bg/fg colour for text in centre of screen */ td.maintextstyle { font-family: Verdana, sans-serif; font-size: 10pt; } /* Style used for the logo cell: globe-logo19.jpg (normal) globe-logo20.jpg (with holly berries) */ td.logo { font-family: Arial, sans-serif; font-size: 18pt; font-weight: bold; font-style: italic; color: #F0AA32; background-color: #90B0D0; background-image: url(images/globe-logo19.jpg); background-repeat: no-repeat; background-position: center; vertical-align: center; text-align: center; } /* Style used for the navigation bar links */ td.navbar { background-color: #4B6885; background-image: none; text-align: center; } /* Style used for the navigation bar links */ a.navbar { font-family: Verdana, sans-serif; font-size: 12pt; font-weight: bold; color: white; text-decoration: none; } /* Sets font for other table elements */ td { font-family: Verdana, sans-serif; font-size: 10pt; } /* Make sure

style is the same (needed for Netscape) */ p { font-family: Verdana, sans-serif; font-size: 10pt; } /* Make sure