Errata

The errors I found:

page 102, second paragraph:
"If you are familiar with browsing files on your desktop with, it is helpful to know..."
was something dropped there after the second "with"?

page 105, 3rd paragraph:
"...in there you will find jenskitchen.gif."
the entire filename should be in italics, but only part of it is...

page 126, bullet B: the "s" in "shape" is black but it should be orange like the rest...

page 149, 2nd line, 3rd paragraph: missing punctuation at the end of the first sentence in the second paragraph.

page 162, 2/3 down the page:
"The strategy is to float labels and input element so they appear..."
I presume "input element" should be plural: "input elements"

page 240:
"...the background color fills the little box created by the inline span element."
But it's not a span, it's a definition with a class property that's being changed with the style rule, right?

page 252, next to last line:
"Fixed background images...is supported"
should be "are supported" (images is plural)

page 256, middle of page:
"...but style rules...takes precedence"
should be "take precedence" (rules is plural)

page 288, typo in 3rd line of text on "A floated element is like an island in a stream":
"subesquent" should be "subsequent"

page 297, typo in center of page:
"layed out" should be "laid out"

page 299, typo on first line:
"positoned" should be "positioned"

page 308:
you refer to files "jenville.html" and "jenville_2.html" but the actual file names in the supplied materials are different, I believe.

page 332, bullet C:
missing period (final punctuation) after "elements"

Note from the Author or Editor:
page 102, 2nd para, 4th line: Delete the second "with". (browsing your desktop, it...)

page 105, 3rd text para: Make "jens" in "jenskitchen.html" italic to match.

page 126, 5th line of code: Make "s" in shape orange to match rest of word.

page 149, 2nd para, 2nd line: Make apostrophe curly and add period after "reference".

page 162, Form Layout and Design section, 3rd para, line 5: Change "input element" to "input elements"

page 240, 3rd para, last line: Change to "box created by the dfn element."

page 252, next to last line: Change "is supported" to "are supported"

page 256, Importing with @import, 2nd text para, next to last line: change "takes precedence" to "take precedence"

page 288, under "A floated element is like an island in a stream", TYPO: change subesquent to "subsequent"

page 297, under "The original space in the document flow is preserved": "layed out" should be "laid out"

page 299, first line: TYPO: change "positoned" to "positioned"

page 308, first line (I think this one was already submitted): change jenville.html and jenville2.html to jenware.html and jenware2.html

page 332, bullet C at top of page: Add period (final punctuation) after "elements"


3/18/2011: These have been fixed and will appear in the next printing.

There are two spaces between "which aspects".

Step 1 of the exercise says that after entering a particular URL "you should see the HTML source
from Figure 2-3".

I may be misunderstanding the terminology, but shouldn't that be: "you should see the web page from
Figure 2-3"?

That is, the HTML source doesn't appear until the next step, when we select "View Source" from the
broswer menu.

(One other small error: Step 2 of the exercise is numbered as "1." )

Note from the Author or Editor:
page 24: Exercise 2-1: Step 1: Change last line to:

You should see the Jen's Kitchen web page from Figure 2-3.

Typo in caption, "separate files: and HTML text document" should be "separate files: an HTML text document" ("an", not "and")

In the Notes for Netscape 4, the book says "It is represtentative of legacy browsers" when it should be spelled "representative."

Note from the Author or Editor:
fix typo

It's = it is
Its = possessive

Should be "Macs, Windows, and Unix/Linux systems. (not PCs)

Add the following line after "...and dinner fare in a hip atmosphere.":

"The menu changes regularly to highlight the freshest ingredients."

Figure 4-5, which is supposed to be the web browser example of the html document started on the
previous page, includes the sentence "The menu changes regularly to highlight the freshest
ingredients." However, this sentences is NOT part of the word for word example that is started on
page 55.

Note from the Author or Editor:
page 55: Exercise 4-1: Step 1: Add the following line after "...and dinner fare in a hip atmosphere.":

The menu changes regularly to highlight the freshest ingredients.

ALSO:

page 59: Exercise 4-2: Step 4: Make same correction to "The Restaurant" section (add "The menu changes regularly to highlight the freshest ingredients.")

For "The Restaurant" section (add "The menu changes regularly to highlight the freshest ingredients."

On pp. 78 in the side bar on the last line a <dd> tag is closed by a </dt> tag. In the text on that same page in the Digital type text, in the <dd> tag text, the word (may) is repeated in the rending on page 79,(may may) in the render box. Just a few pages before, <em>these</em> particular errors, the author states he/she always constructs documents in text form to 'proof read' said document. That is just an FYI, not a complaint. I find that to glean something from the book I must proof read, or I would probably not see a lot of the errata.(erratae)I have been enjoying reading this book but it is the first one I have read on the subject so no other referances to compare it to. I am learning a lot thought. Thanks

Note from the Author or Editor:
The error on p.78 noted above has been fixed.

Page 79, Figure 5-8: first para under "Digital Type", the word may is repeated. I consider this very low priority since it doesn't have any impact on the lesson, but if you want to change the figure, you can.

typo: "The dl element is only allowed to contain dt and dl elements."
Suggested correction:
"The dl element is only allowed to contain dt and dd elements."

Note from the Author or Editor:
page 79: 1st paragraph: Change second dl to dd:

"The dl element is only allowed to contain dt and dd elements."

It reads: "should kept be separate from the markup."

Should read: "should be kept separate from the markup."

I was not able to the the following statement to display properly (with quotes) using Internet
Explorer 7: <p>Matthew Carter says, <q>Our alphabet hasn't changed in eons.</q></p>

Note from the Author or Editor:
page 82: Short quotations section: Second paragraph, 4th line: delete "IE7(Win),". 5th line: Change to "Internet Explorer 5, 5.5, 6, and 7"

In this table only "s", "strike" and "u" are marked with asterisk as "deprecated in HTML 4.01" while in page 81, in sidebar "Deprecated elements", "center" and "font" elements are listed, too.

I don't know if the latter two elements aren't marked becaused the aren't deprecated _in HTML 4.01, but earlier_. If that is the case, I think the * mark is less useful and anyway I think it could use some explanation. Otherwise, I guess the * is simply missing from "center" and "font".

Note from the Author or Editor:
page 85: Add footnote asterisks after "center" and "font" (per s, strike, and u)

"...allows me to style to p elements..." the second "to" should read as "to style two"

Sentence is incomplete. It reads:

"The class attribute is used to"

Missing word "classify"?

(I will write markup literally, hoping it will be treated as text; otherwise, please let me know and I'll submit it correctly)

Instead of
<img src="bringhurst.gif" alt=" /">

should be
<img src="bringhurst.gif" alt="" />

Note from the Author or Editor:
This was *almost* corrected in an earlier reprint. The slash was moved to the correct place, but we still need to get the character space out of the alt attribute as shown in this errata submission.

Last sentence should be: All character references begin with an "&" and end with a ";".

Reason: The article "an" goes with ampersand and the article "a" goes with semicolon rather than
the other way around as originally printed in the text.

Note from the Author or Editor:
page 89: second-to-last paragraph: Change last line to:
"All character references begin with an "&" and end with a ";".

the element "pre" has been omitted from the list.

Note from the Author or Editor:
page 94: Under Block-level elements: Add "pre" and "preformatted text" after p/paragraph

Make "l" in couscous.html italic

Step 2 says:

"Make the letter 'A' at the top of the page a link to the named anchor."

But (if I've understood the sidebar on the previous page correctly) a "named anchor" is an "a"
element that uses the "name" attribute, whereas in this exercise we should be linking to fragments
that have been identified with the "id" attribute.

Note from the Author or Editor:
page 108: Exercise 6-8: Step 2: Change to:
"Make the letter "A" at the top of the page a link to the identified fragment. Don't forget the #."

'surprise' misspelt.

In the text area following "My shoes are SO old..." Change text to "(Make us feel sorry for your shoes.)" and remove the blue handwritten text entirely (as it turns out, there is no maxlength attribute for textarea, so this is all misleading.

Sentence reads:

It should come as no surprise that "this page is not HMTL 1.0 Strict."

But we are testing a document for HTML *4.01* Strict validation. Sentence should read:

It should come as no surprise that "this page is not Valid HTML 4.01 Strict."

The sentences read as "...you could write separate style rules for every element in the document and set the FONT-FACE to Verdana. A better way would be to write a single style rule that applies the FONT-FACE property to the body element..."

The highlighted orange text "font-face" is confusing. I tried to do what the text suggests, but it doesn't work because "font-face" is not a valid property. If it read "font-family" it would be more clear.

I love this book! Keep up the great work.

Note from the Author or Editor:
Change both instances of "font-face" to "font-family". In fact, you could search and replace this error in the whole book.

The fourth RGB illustration (far right). All three circles are labelled 'R'.

Note from the Author or Editor:
Wow! I can't believe this wasn't caught earlier.

Yes, change the labels so they read:
R: 200 (78%)
G: 178 (70%)
B: 130 (51%)

3/18/2011: This has been fixed and will appear in the next printing.

Second to last sentence begins as follows: "There there is a workaround..."

This is a really dumb thing to find fault with, but the copyeditor in me can't help it! In the very first paragraph on page 299, after the bullet, it says, "If the positioned element is not contained within another positoned(sic) element..."

The second "positoned" is missing a letter I and should be "positioned" instead.

I really do have a life beyond nitpicking typos in technical manuals. Honest. I just thought you'd like to know about it, since it's not in the errata listed for the book on this website.

Note from the Author or Editor:
page 299: first line: change to positioned (not positoned)

3/18/2011: This has been fixed and will appear in the next printing.

Verdana should be capitalized.

Note from the Author or Editor:
3/18/2011: This has been fixed and will appear in the next printing.

"(even Netscape Navigator 4)"

Note from the Author or Editor:
3/18/2011: This has been fixed and will appear in the next printing.

The 2nd value of the border-spacing style rule should read "5px;" since that is the amount of top/bottom
space between cells in the top table according to figure 17-1 (p. 338).

Note from the Author or Editor:
page 339: first code example: change 3rd line to:
border-spacing: 15px 5px;


3/18/2011: This has been fixed and will appear in the next printing.

Add semicolon after "Float: left" "display: block" (float: left;) (display: block;)

Note from the Author or Editor:
3/18/2011: This has been fixed and will appear in the next printing.

It seems that fame for the "Accessible Image-Tab Rollovers" on www.simplebits.com should correctly go to
Dan Cederholm instead of David Shea.

Note from the Author or Editor:
page 347: After "Accessible Image-Tab Rollovers", should be by Dan Cederholm (not David Shea)

3/18/2011: This has been fixed and will appear in the next printing.

Change "Corel Paint Shop Pro" to Corel Paint Shop Pro Photo". Also, add one more period after "Save As..."

Note from the Author or Editor:
3/18/2011: This has been fixed and will appear in the next printing.

the URL for Microsoft Developers Network should be

tinyurl.com/67dcpl4

Note from the Author or Editor:
Change the URL in the 3rd paragraph to:

http://msdn.microsoft.com/en-us/library/ms532969.aspx

[font] fix font of "news" to match italic font of images, graphics, and everything

the first example in the answers on page 436 does not match the example in the test on page 163.

on test:
<input name="country" value="your country here.">

in appendix:
<input name="gender" value="Male">

Note from the Author or Editor:
page 436: first code example under Question 3: Change to:

<input name="country" value="Your country here." />

the first example in the answers on page 436 does not match the example in the test on page 163.

on test:
<input name="country" value="your country here.">

in appendix:
<input name="gender" value="Male">

Note from the Author or Editor:
page 436: first code example under Question 3: Change to:
<input name="country" value="Your country here." />

The answer to question 2 reads:

"The paragraph text will be red because...the last one listed in the style sheet wil be used."

But the last declaration listed in the style sheet in question 2 (found on page 202) is { color:
gray;} so the answer should read:

"The paragraph text will be gray..."

The answer #4 does not answer the question #4 of the chapter 17 test (p. 355). The right answer seems to
be provided under #5 instead and answer #6 appears to correspond to test question #5.
It seems that the current answer #4 should be deleted and answers #5 and #6 be moved one up respectively.

Note from the Author or Editor:
page 442: Delete answer no. 4 (4. Elements set to display: none...). Renumber 5. and 6. to "4." and "5."

The style rule "body {margin: 100px; } should be deleted from both design solutions.
The rule is neither part of the starting document (imagetable.html) in the exercise files nor a step of the exercise. It is not visually supported by Figure 17-3 on p.341 either.

Note from the Author or Editor:
p. 446, Design A: Delete 2nd line of code: body {margin: 100px;}
p. 447, Design B: Delete first line: body {margin: 100px;}