Errata for CSS: The Missing Manual

The meta tag content attribute has an extra quotation before utf-8. The text has... content="text/html; charset="utf-8" but it should have... content="text/html; charset=utf-8"

The text following the opening <title> tag should be "CSS:The Missing Manual -- Chapter 2" and not "Basic Web Page"

http://somedirection.com/2007/06/10/using-jquery-to-avoid-classitis-in-ie6 is not correct. The corrected location is http://somedirection.com/2007/06/10/using-jquery-to-avoid-classitits-in-ie6

"... class selectors don't have any affect on a web page until...." "affect" should be "effect."

The last sentence on page 79 currently reads as follows (emphasis added): "The line-height property (which you'll read about on page 128) controls the space between lines in a paragraph (also KNOW as leading)." The third-to-last word "know" should be changed to "known." The corrected sentence should read as follows (emphasis added): "The line-height property (which you'll read about on page 128) controls the space between lines in a paragraph (also KNOWN as leading)."

The two screen shots do not match the descriptions; they appear to be reversed.

:first-child is a pseudo-class (http://www.w3.org/TR/CSS2/selector.html#first-child), not a pseudo-element. Perhaps the text should read as follow: "A pseudo-element (like :first-line for example) is ...." instead of: "A pseudo-element (like :first-child for example) is ...."

End of first sentence following Figure 5.5 reads: "you saw in Figure 5-1." Should read "you saw in Figure 5-5."

The sentence which begins, "There's a lot of math to this one:", should continue: "32 pixels (inherited from the <div> tag) x .75 (inherited from the <p> tag) x .75 (inherited from the <em> tag x .75 (the <strong> tag's own font size)." The error lies in the first 75% multiplier which is written as "75" instead of ".75".

"5em is 50 percent" should be "5em is 500 percent"

Note from the Author or Editor:
page 123, second paragraph last two lines: period at end of second-to-last line should drop to next line next to 5: should read: .5em is 50 percent

The last sentence, enclosed in parentheses, reads "You'll learn more ... on page 121." But this is on page 131. Thus, either the page number reference is wrong or the first two words in this sentence should be changed to "You learned". Thank you for writing such a terrific book with *both* straight text *and* tutorials. I am adopting this book for use in my GUI programming course. Jesse

Note from the Author or Editor:
last sentence of page 131 should start "(You learned about percentages..."

This page was already listed in the errata and a change was made modifying the reference from page 121 to page 154. However, in the process the tense got changed from future ("You will learn") to past ("You learned").

The link to bullet madness www.stylegala.com/features/bulletmadness/index.html/ renders a 404 page. I believe that it is no longer available. I wish I find that again. It was very useful.

Note from the Author or Editor:
The bullet madness site mentioned on page 137 is no longer available.

The cross-reference for the CSS reset should be to page 102 instead of "page 192".

Note from the Author or Editor:
139. Step 3, second paragraph, second line: change "page 192" to "page 101"

"The four values are order like this:" should perhaps be written as, "The four values are ordered like this:"

"It should look like Figure 6-14." should be "It should look like Figure 6-15."

"As discussed on page 423" should be changed to "102". Page 102 is the page with the CSS reset styles.

I believe that the comma after "content" should be after "border". Jesse

On line 5,(... example of one on page 238 in Chapter 9) should be (... example of one on page 239 in Chapter 9)

There is a space between 24px and the ; after it. AWESOME book by the way! I will submit a review later if you have a place to do that.

The note refers to another note on page 311. There is no note on 311.

Note from the Author or Editor:
page 197, note. Please ignore this note. Should be removed from text.

If scrolling is normal browser behavior: background: url(image/bullseye.gif) fixed left top repeat; should read as: background: url(image/bullseye.gif) scroll left top repeat;

Typo on the word "than" should read "that". "TIP: There is a way to avoid that weird display problem noted in step 5, as well as create a gallery than can handle..." should read "that can handle".

" . . . until it just tops the touch of . . ." should read: . . . until it just touches the top of . . .

"The first line just adds a bit of padding pushes down the banner" should read as "The first line just adds a bit of padding, pushing down the banner"

return to the 'sidebar.html' should be the 'bg_images.html'

Note from the Author or Editor:
page 218, step 1, first sentence should read: Return to your text editor and the bg_images.html file.

background: url(images/scroll_top.jpg) no-repeat; should read background: url(images/scroll_top.jpg) no-repeat center top;

"You'll learn" should be "You learned" because this is a back reference to page 173.

The comma after "this" should be after "case" so that the sentence reads: "In this case, you can add ..." Jesse

<a link="stale.html"... should read <a href="stale.html"...

"principal" should be "principle"

Page 240 should be 258. The tutorial starts on page 258.

The link in the second paragraph of the note has changed from http://veerle.duoh.com/blog/comments/the_xhtml_css_template_phase_of_my_new_blog_part_2/ => http://veerle-v2.duoh.com/blog/comments/the_xhtml_css_template_phase_of_my_new_blog_part_2/

Sentence reads "Unless you client or boss...". It should read "Unless your client or boss...".

I would recommend changing "It looks like example one in Figure 9-15." to "It looks like example #1 in Figure 9-15." both for clarity and to be consistent with all the other references to the six sub-images in this figure. Jesse

Says 'locate the Features link' when should say 'locate the Home link'

Step 4 says repeat step 4, when it should say repeat step 3.

Right after completing a tutorial to create a vertical navigational bar, we begin working on a tutorial to create a horizontal navigational bar. Step 1 includes the following text: "You need to remove the width you set for the <ul> tag in step 6 on page 243." I checked page 243 and it's not even part of any tutorial; in fact, it seems to have little or nothing to do with the topic in question. Hence, since I was confused, I continued the tutorial without step 1, and it still worked out fine. So unless I overlooked something here, step 1 isn't even needed. Excellent book by the way. For the first time in a long time, I'm enjoying learning from a textbook. Tan

Note from the Author or Editor:
change "in step 6 on page 243" to "in step 7 on page 260"

Paragraph reads "As discussed in the box on page 73..." Should be page 173

Note from the Author or Editor:
should be page 338

It has a link to CSS Cookbook free chapter. Couldn't find page with http://oreilly.com/catalog/9780596527419/appendixd/appd.pdf but found it at http://cdn.oreilly.com/books/9780596527419/appd.pdf

"... Figure 12-2, top." should be "... Figure 12-4, top."

Fifth line down: "and the left sidebar right...." should be "and the left sidebar left...."

There is an extraneous space after 'url' which prevents the code working, it should be: "wrapper { background: url(images/col_bg.gif) repeat-y left top; }"

The second sentence begins "In the Chapter 9 ... I'm sure the author meant "In Chapter 9 ..."

"Firfox" should be: "Firefox."

The sentence: "This style moves the logo far enough to the left so that it’s out of the way of the absolutely positioned graphic. Should read: "This style moves the logo far enough to the right so that it’s out of the way of the absolutely positioned graphic."

As of Feb. 24, 2010: The Opera tutorial is not located at http://www.opera.com/support/tutorials/operashow/. It is located at http://www.opera.com/browser/tutorials/operashow/. Update: This link no longer exists either.

Note from the Author or Editor:
Removing reference as both links do not exist.

"As you learned in of the third part of this book," Should be: "As you learned in the third part of this book,"

"The names you've see so far" should read "The names you've seen so far"

line reads, "applying a border to of a table cell..."

Note from the Author or Editor:
change "applying a border to of a table cell..." to: "applying a border to a table cell..."

line reads "...then you may have notice that..." should read "...then you may have noticed that..."

"#news a#newlink," should be "#news a#newslink,"

Line reads: "The rest of this chapter walks you through you a bunch of them". Should read: "The rest of this chapter walks you through a bunch of them".

http://eyebulb.com/dropshadow has gone. -- The domain eyebulb.com is for sale. --

Note from the Author or Editor:
The website is no longer around. Please ignore this "Note" box. Removed Website's address.

text-indent description, "Values" bullet point, line 5 refers to p. 62; I think this should be p. 130.

The sentence "If your page has three Heading 1 <h2> paragraphs, ..." should read "If your page has three Heading 2 <h2> paragraphs, ..." Jesse

In the .mobi and .epub versions, figure 3-8 and 3-9 are switched. The PDF version has the figures in the correct place.