|Website Workshop: HTML|
CSS: Cascading Style Sheets
1) Changes to the seeUthere Style Sheet
If you look at the V5 seeUthere site between Netscape and IE, you will notice that the text in general appears much larger in IE and much smaller in Netscape. What looks good in IE as a font size is often too small to read in Netscape. What can you do?
This problem is easily solved by changing the font-size specifications on the style sheet from points to pixels. For some reason points are very commonly used, but are interpreted differently from browser to browser. A pixel, on the other hand, is a pixel, no matter what browser you use. When pixels are used, as they are in the new V6 style sheet, there are no longer such dramatic differences in text size among browsers.
Note: You will have to readjust your new pixel values so that they approximate the size you want. You can't simply change all the pts to pxs! Usually pixel values need to be bigger than points. See below...
2) How do you apply a Class to Text?
The class should either be applied to the enclosing tag, or else the <span> tag should be used. The <span> tag should be used in any circumstance where the developer wants to apply the style sheet class to a section of text without applying it to everything within the enclosing tag. Otherwise, use the class attribute within the enclosing tag, either <td> or <p>.
This has been corrected in most places in V6, but there are still many pages that retain the old incorrect way of applying a class. Correct these when you see them!
Here's an example:
Next Topic: HTML Coding