Errata
Beginning
CSS Web Development (ISBN: 1590596897)
Updated 25th October 2006 by Simon
Typo
in the last line of the first paragraph.
“…as browsers only have to the load the style sheet file once.”
The word “the” is a typo.
The first line reads:
“Thankfully, CSS allows you define your
own custom…”
Should read:
“Thankfully, CSS allows you to define your own custom…”
The section “Ems and the body” flits
between two em sizes; 0.7 and 0.8, and also talks about text being 4/5 the size
of the default browser text.
Throughout this section, all references to
a font-size of 0.7em should read 0.8em.
I have misquoted Richard Rutter. In the article that I reference, he makes several declarations between the body {font-size: 62.5%} declaration and the ones I have specified, which affect the font sizes listed. Richard uses a #main_content {font-size:1.2em} declaration which the given font-sizes are influenced by.
As I have left the intermediate
declarations out, the resulting pixel sizes given should be:
{font-size:2em} /* Displayed at 20px */
{font-size:1.5em} /* Displayed at 15px */
{font-size:1.25em} /* Displayed at 12.5px
*/
{font-size:1em} /* Displayed at 10px */
Typo in the 2nd sentence of the next to
the last paragraph. The book incorrectly repeats the right margin.
Should read: The order is top (20px), right (auto),
bottom (1em), and left (auto).
Typo in the second paragraph of the Padding Shortcuts
section. The book incorrectly repeats the right padding.
Should read: As with the margin property, order is top
(20px), right (1em), bottom (0) and left
(10px)
I say that the border-color, border-style
and border-width values are assigned in the specified order. According to the CSS 2.1 specification,
however, the order of attributes in shorthand declarations is not fixed. These attributes may be specified in any
order. Indeed, the order of these attributes in the sample code that directly
follows the paragraph is different from the order mentioned in the paragraph:
Paragraph: color style width
Sample code: color width style
Either order (in fact, any order) works fine.
The main heading “letter-spacing (Kerning) and the
following first sentence contain an error.
I mention that in printing, letter-spacing is known as
“kerning”, when it is actually also referred to as “Letter Spacing” or
“Tracking”. Kerning refers to adjustments to the distance between two specific
characters.
The name for dropcap is wrong. Is "p
dropcap:first-letter". Should be "p.dropcap:first-letter" (note the full stop before “dropcap”).
In the “PNG” section, the last sentence of the second
paragraph contains a typo.
“…stay there a while after you’re read that article…” should contain “you’ve”, not “you’re”.
In the sentence immediately following the four lines
of background-position CSS, the sentence reads:
“These four values, coupled with
background-position:no-repeat, will result…”
This should read:
“These four values, coupled with background-repeat:no-repeat, will result…”
Chapter 6, page 108, code block in the middle of the page:
The line "list-style-type:none;" should not
be there. It was deleted a couple of paragraphs earlier and is not consistent
with the result shown in Figure 6-7.
Chapter 6, page 111, 2nd paragraph:
The values of a list-style shorthand declaration may
appear in any order.
Chapter 7, page 134, 2nd paragraph under "Using Borders with
Links":
For
"thin dotted underline"
read "thin dashed underline"
Chapter 8, page 148, final paragraph:
I write: "At the time of writing, the
latest build of Firefox will create a simple border around the whole table
element by default..." Version 2.0 is available now, so this is no longer
the case.
Chapter 8, page 152, 3rd line of text:
For
"three-dimensional affect"
read "three-dimensional effect"
Chapter 8, page 159:
There is a typo in the word
"terrible" in two places on this page, where it appears as
"terriible":
- Code snippet between the two figures,
3rd line
-
Within Figure 8-19, 2nd line of the list
Chapter 9, page 171:
1) The paragraph following the code
snippet in the "tabindex" section is incorrect: Replace each of the three occurances of
"pressing the {digit} key" with "pressing the Tab key {digit}
time(s)."
2) The paragraph following the code
snippet in the "accesskey" section is also incorrect: To shift focus to another field using the
accesskey feature, the user must press a meta key along with the specified
accesskey. In the scenario shown, using
Firefox for Windows for example, the user must press Alt+3 to shift focus -- not
just 3. Also, it is worth noting that
some modern browsers, notably Opera 9.01, do not recognize the accesskey
attribute.
Chapter 10, page 215:
The text in the xhtml snippet does not
match the result shown in Figure 10-5.
The text in the figure should say: "This paragraph is being cleared
left, so it will be moved below the bottom outer edge of the floated gray
box."
In the section “Extra Caution for the Opera Browser”,
the last three lines of CSS contain an incorrect width value.
html>body #sidebar {
width:200px;
}
This should read:
html>body #sidebar {
width:300px;
}
In the section “Faux Columns”, the CSS for the div
#content should contain padding:10px and the full width should be 560px, not
540px.
Chapter 16, page 367, Fig. 16-7:
At least in the author’s copy of the book, Fig. 16-7 appears as a solid black rectangle. It should be a subtle curve on a black background to match that at the top of the right column.