This is a paragraph that should be black text on pale grey. [7]
There is a DIV here and then a paragraph with a link. The
paragraph should be black text on pale grey [11]. The link should be blue or
green text [12] on a light pink background [13], and red text [14] on
yellow [15] when you
hover over it. If its background is light cyan, your browser doesn't
support the a:link
CSS pseudoclass. That text "a:link" should
have a bright yellow background [16].
Yellow heading [17] | Yellow heading |
---|---|
You should be able to see the dark blue DIV background showing through the gaps between this table's cells [18], all of which have bright yellow backgrounds. [19] | Netscape 4 doesn't do #19, which is why MacEdition
looks different in it. You have to put a border on the div, or
border:none . I haven't done this here. |
This row has a class attribute | The row class says red background but that doesn't do anything. [20] |
This is a rather longer paragraph with an acronym (NATO) and an abbreviation (abbr.). Do you get any text or tooltip when you hover your mouse over them? [21] There is a SPAN in here that should also have a tooltip and a SPAN with a class attribute. The word "rather" [22], the acronym [23], abbreviation [24] and second SPAN [25] should all have yellow backgrounds. The SPAN with a tooltip should have a red background [26].
Support standards, but only IE5/Mac, iCab, Netscape 6 and Opera put quote marks around it. Hopefully all CSS browsers show the quote in green text [34] with a bright yellow background [35], and the bold bit as having a bright yellow background,too [36].
White table background | Shows through [40] |
---|---|
between the cells | that have |
bright yellow | backgrounds [41] |
Some code
[42], some keyboard input [43], some sample
code [44] and a variable [45], all of which should have bright
yellow backgrounds in addition to the font formatting (usually monospaced
or italic). Thus they stand out from the paragraph, which like the other
paragraphs before, has a pale gray background [46].
MacEdition strives to provide helpful, useful, well-reasoned analysis and commentary. In cases where we present facts, we expect to be accurate. In cases of opinion, we expect to be clear. In cases of speculation, we expect to do so judiciously, and with a keen eye to reality. In cases where your browser claims CSS support, we expect this blockquote element to have a yellow background [47], and that the bright yellow background leaves a left-hand margin of pale yellow from the body showing through. [48]
This paragraph has an inline style that should override the stylesheet. The background color should be pale cyan, not grey. [49]
CodeBitch