Errata

CSS: The Definitive Guide

Errata for CSS: The Definitive Guide

Submit your own errata for this product.

The errata list is a list of errors and their corrections that were found after the product was released. If the error was corrected in a later version or reprint the date of the correction will be displayed in the column titled "Date Corrected".

The following errata were submitted by our customers and approved as valid errors by the author or editor.

Color key: Serious technical mistake Minor technical mistake Language or formatting error Typo Question Note Update

Version Location Description Submitted By Date submitted Date corrected
Printed
Page 41

Confirm. Replacement:

<span class="barren rocky">Mercury</span>
<span class="cloudy barren">Venus</span>
<span class="life-bearing cloudy">Earth</span>

Anonymous    Aug 01, 2008
Other Digital Version
41

Confirm. Replacement:

<span class="barren rocky">Mercury</span>
<span class="cloudy barren">Venus</span>
<span class="life-bearing cloudy">Earth</span>

Anonymous    Aug 01, 2008
Printed
Page 52
4th paragraph on page (2nd paragraph of "Link pseudo-classes")

The first of the pseudo-classes in Table 2-1 may seem .. .. ..

Replaced "Table 2-1" with "Table 2-2".

Anonymous    Aug 01, 2008
Other Digital Version
52
4th paragraph on page (2nd paragraph of "Link pseudo-classes")

The first of the pseudo-classes in Table 2-1 may seem .. .. ..

Replaced "Table 2-1" with "Table 2-2".

Anonymous    Aug 01, 2008
Printed
Page 73
figure 3-8

The figure doesn't really show that silver wins (instead of black)

Anonymous   
Printed
Page 101

Replaced sentence in the last paragraph (which is a list item):

If 600 is unassigned, it is given the next variant darker than
that assigned for 500.

Anonymous    Aug 01, 2008
Other Digital Version
101

Replaced sentence in the last paragraph (which is a list item):

If 600 is unassigned, it is given the next variant darker than
that assigned for 500.

Anonymous    Aug 01, 2008
Printed
Page 110

Modified the code before Figure 5-12 to replace "small, .fnote
{font-size: 75%;}" with "small, .fnote {font-size: 70%;}".

Anonymous    Aug 01, 2008
Other Digital Version
110

Modified the code before Figure 5-12 to replace "small, .fnote
{font-size: 75%;}" with "small, .fnote {font-size: 70%;}".

Anonymous    Aug 01, 2008
Printed
Page 119

Replaced line directly above Figure 5-23 with:

p.cl2 {font-family: Times, serif;}

Anonymous    Aug 01, 2008
Other Digital Version
119

Replaced line directly above Figure 5-23 with:

p.cl2 {font-family: Times, serif;}

Anonymous    Aug 01, 2008
Printed
Page 122

Replaced the line directly above Figure 5-26 with:

body's size), and set the line-height to 28.8px.

Anonymous    Aug 01, 2008
Other Digital Version
122

Replaced the line directly above Figure 5-26 with:

body's size), and set the line-height to 28.8px.

Anonymous    Aug 01, 2008
Printed
Page 136
code and figure 6-8 don't fit

The change in the code in the 3rd edition
(line 3: "...19.5px(13*5)") is missing in the figure)

Anonymous   
Printed
Page 166

Replaced the line of code directly above Figure 7-9 width:

p {margin: 20px; padding: 20px; background: white;}

Anonymous    Aug 01, 2008
Other Digital Version
166

Replaced the line of code directly above Figure 7-9 width:

p {margin: 20px; padding: 20px; background: white;}

Anonymous    Aug 01, 2008
Printed
Page 209
box for "height"

Inserted the code "<percentage>" (to match the same sentence in the width box above)

Anonymous    Aug 01, 2008
Other Digital Version
209
box for "height"

Inserted the code "<percentage>" (to match the same sentence in the width box above)

Anonymous    Aug 01, 2008
Printed
Page 213
shaded boxes

Spelling error in boxes - 'paragraph' spelt as 'pargraph'.

Anonymous   
Printed
Page 213
shaded boxes

The second shaded box says " .. with a class of 'one'"

It would be clearer if the CSS code above was changed from

p {background-color: silver; margin: 10px;}

to

p#one {background-color: silver; margin: 10px;}

Confirmed. However, the real problem is in the figure, which doesn't
show enough separation between the first paragraph and the dotted
line. Alternatively, the figure could be cropped so only the
dotted-line-surrounded paragraph is shown.

Anonymous   
Printed
Page 215
figure 8-8 doesn't show the border rules from the code on page 214 (border: 1px dotted).

Anonymous   
Printed
Page 250

Replaced "This will make all external links medium gray"
with "This will make all external links a dark gray".

Anonymous    Aug 01, 2008
Other Digital Version
250

Replaced "This will make all external links medium gray"
with "This will make all external links a dark gray".

Anonymous    Aug 01, 2008
Printed
Page 268
middle boxed paragraph - first line

Minor misspelling 'bototm' --> 'bottom'

Anonymous   
Printed
Page 288

Replaced the last paragraph of point #3 in the list with:

Instead, it is forced down until its top is below the bottom of
the left-floating image, as depicted in Figure 10-7.

Anonymous    Aug 01, 2008
Other Digital Version
288

Replaced the last paragraph of point #3 in the list with:

Instead, it is forced down until its top is below the bottom of
the left-floating image, as depicted in Figure 10-7.

Anonymous    Aug 01, 2008
Printed
Page 308
box describing min-width et.al.

In the box on page 308 about "min-width, min-height" it's stated that the percentage refer to the width of the containing block. In the box on page 309 about "mx-width, max-height" it's stated that the percentage refer to the height of the containing block.

This is rather odd and inconsistent with the description on page 468 and469.

336, Note in mid of page
The document is now at the URL with the correct spelling
("...Positioning")

345, mid of page, last line for visibility property
"other than hidden" -> "other than collapse"

Anonymous    Jul 01, 2007
Printed
Page 308, 309

Replaced the "Percentages" line in property box with:

Percentages: Refer to the width of the containing block for
'min-width' and the height of the containing block for 'min-height'

Also replaced the "Percentages" line in property box at the top
of page 309 with:

Percentages: Refer to the width of the containing block for
'max-width' and the height of the containing block for 'max-height'

Anonymous    Aug 01, 2008
Other Digital Version
308, 309

Replaced the "Percentages" line in property box with:

Percentages: Refer to the width of the containing block for
'min-width' and the height of the containing block for 'min-height'

Also replaced the "Percentages" line in property box at the top
of page 309 with:

Percentages: Refer to the width of the containing block for
'max-width' and the height of the containing block for 'max-height'

Anonymous    Aug 01, 2008
Printed
Page 345
4th paragraph (1st paragraph after the header "Anonymous Table Objects")

Says: "For example, consider this XHTML", but the example provided is HTML.

Proposed solutions:
* change the introductory text to "consider this HTML", or
* update the example syntax to XHTML -- <input type="text" />

352, border-collapse
353, border-spacing
"table-inline" -> "inline-table"

405, line 4 below figure 13-11
"to draw borders" -> "to draw outlines" (?)

455, border-style
The sentence at the end of the paragraph is repeated
in the "Note"; and the Note should include that it
only applies to CSS1

477, visibility
The initial value is "visible" and "Inherited" is "Yes".
(Compare with box on page 316.)

Anonymous    Jul 01, 2007
Printed
Page 359

2nd paragraph now reads:

The 13-pixel top silver border of cell 4-3 not only overrode the bottom border of cell 3-3, but it
also affected the layout of content within both cells and the rows that contain both cells.

Anonymous    Aug 01, 2008
Other Digital Version
359

2nd paragraph now reads:

The 13-pixel top silver border of cell 4-3 not only overrode the bottom border of cell 3-3, but it
also affected the layout of content within both cells and the rows that contain both cells.

Anonymous    Aug 01, 2008
Printed
Page 371

In the "CSS2.1 values" portion of the property box, the following items have been added:

"upper-alpha | lower-alpha | "

after

"decimal-leading-zero | "

Anonymous    Aug 01, 2008
Printed
Page 371

In the "CSS2.1 values" portion of the property box, the following items have been added:

" | katakana-iroha"

after

"hiragana-iroha | "

Anonymous    Aug 01, 2008
Other Digital Version
371

In the "CSS2.1 values" portion of the property box, the following items have been added:

"upper-alpha | lower-alpha | "

after

"decimal-leading-zero | "

Anonymous    Aug 01, 2008
Other Digital Version
371

In the "CSS2.1 values" portion of the property box, the following items have been added:

" | katakana-iroha"

after

"hiragana-iroha | "

Anonymous    Aug 01, 2008
Printed
Page 383
last two code examples

a[href] { ... }
->
a[href]:after { ... }

########################################

Anonymous    Mar 01, 2007
Printed
Page 385
last code example

quotation: display: block;}
->
quotation: {display: block;}

########################################

Anonymous    Mar 01, 2007
Printed
Page 515
Index under "Q"

Quotes property, 473
->
Quoets property, 385, 473

########################################

Anonymous    Mar 01, 2007