Errata

Learning Web Design

Errata for Learning Web Design, Fourth Edition

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
436

In the markup, near the bottom of the page there is a < missing for the Black li input field:

<ul>
<li><label><input type="radio" name="color" value="red"> Red
</label> </li>
<li><label><input type="radio" name="color" value="blue">
Blue</label> </li>
<li><label>input type="radio" name="color" value="black">
Black</label></li>

it should be
<ul>
<li><label><input type="radio" name="color" value="red"> Red
</label> </li>
<li><label><input type="radio" name="color" value="blue">
Blue</label> </li>
<li><label><input type="radio" name="color" value="black">
Black</label></li>

Btw it would be really nice to have these examples in the code download!

Note from the Author or Editor:
Confirmed. There is a missing "<" before the word "input" 8 lines from the bottom of the page as described here.

Patrick Fischer  Sep 08, 2014  Jan 09, 2015
3
3rd paragraph

(since I am reading the Safari online book edition I cannot provide an accurate page number. Sorry about that)

Here is an extract from the Safari book online edition:
"Whatever the motivation, the first question is always the same: Chapter 1 It may seem like there is a mountain of stuff to learn, and it?s not easy to know where to jump in. But you have to start somewhere."

I guess that the word "chapter1" is actually an alias that must be replaced with the chapter title. i.e. : "Where do I start?".

Note from the Author or Editor:
This is correct in the print version, so I'm guessing it's a glitch in Safari. Somehow the question "Where do I start?" got replaced by "Chapter 1" because it is a match for that chapter's title. Please manually replace it with the question (it's part of the sentence, not a reference to the chapter title.)

yves baumes  Jan 15, 2013  Feb 22, 2013
Printed
Page 11
in top table, second sentence

"Flash is used for create full-screen animation?"
should be:
"Flash is used to create full-screen animation?"

Note from the Author or Editor:
Change "for" to "to" in the second sentence of the Flash sidebar.

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 24
Figure 2-1

Figure 2-1 shows the directory as "2011".
Two paragraphs that follow have updated the directory to "2012".

Note from the Author or Editor:
As noted, there is a mismatch between the figure and the text. The figure should also say "2012" instead of "2011".

Anonymous  Jul 15, 2013  Aug 02, 2013
Printed
Page 27
figure 2.3 in the paragraph in the body of Jen's Kitchen

On Page 27, Figure 2.3, at the top of the page in the paragraph in the body of Jen's Kitchen, first sentence.

would like to find out about of some of the best restaurants

(correction) would like to find out about (delete OF) some of the best restaurants

(delete the first occurance of the word OF in the sentence.)

Note from the Author or Editor:
Drat, we'll need to correct this figure. Remove the word "of" after "about" in the code example (in the first <p>). The "of" in the screenshot at the top can just be photoshopped out easily. No need to remake the whole screenshot.

Joan Page  Oct 26, 2012  Nov 30, 2012
Printed
Page 29
2nd paragraph

In figure 2-4, the image on the left uses "browser-default" style instructions, while the image on the right uses "custom" style instructions. However, the descriptive paragraph above the images states that the browser-default display is used in the image on the right.

Note from the Author or Editor:
The screenshots are in the wrong positions, but this has already been corrected in the first reprint.

Anonymous  Dec 03, 2012  Nov 30, 2012
Printed
Page 30
Left side column

Please add the following sidebar material to the side column on page 30 (it went missing):
(note, first line is sidebar title)

Getting Your Pages on the Web

If you would like more information about registering domain names, finding a server to host your site, and transferring files to the server (FTP), download the PDF titled ?Getting Your Pages on the Web? at learningwebdesign.com/pdf/lwd3_getting_on_the_web.pdf

Jennifer Robbins
Jennifer Robbins
 
Oct 02, 2012  Nov 30, 2012
Printed
Page 31
box labeled Server Contents top right of page AND by step 4

On the top of page in bluish box labeled Server Contents AND above step 5, part of step 4.

Kitchen.gif should possibly be labeled

Foods.gif

(change Kitchen.gif to Food.gif)

Note from the Author or Editor:
For consistency with prior examples, please change both instances of "kitchen.gif" to "foods.gif" (in blue box and next to bottom left-pointing arrow).

Joan Page  Oct 26, 2012  Nov 30, 2012
Printed
Page 33
2nd paragraph, first sentence

nuts and bolts, I want introduce some Big Concepts

(correction) nuts and bolts, I want TO introduce some Big Concepts

(add TO to the sentence)

Note from the Author or Editor:
Please add "to" as indicated.

Joan Page  Oct 26, 2012  Nov 30, 2012
Printed
Page 53
first paragraph under "The Restaurant"

the first sentence in the first paragraph under "The Restaurant"

offers casual lunch and dinner fare in hip atmosphere.

(correction) offers casual lunch and dinner in A hip atmosphere.

(add the letter A in the sentence, so it matches figure 4-5 on page 54 and figure 4-8 on page 57)

Note from the Author or Editor:
Please add "a" as indicated in first paragraph under The Restaurant ("in a hip atmosphere")

Joan Page  Oct 26, 2012  Nov 30, 2012
Printed
Page 54
Figure 4-5 3. end of the paragraph

The paragraph ends with "We'll talk". What should go here?

Note from the Author or Editor:
The missing text is "about the results in the following section."

This was fixed in an earlier reprint, I believe. Please confirm.

Tracy Pierce  Mar 05, 2014  Aug 22, 2014
Printed
Page 57
Exercise 4-2 Item#3

The last half of the sentence says to put "an end <html> tag at the end of the text". Should this be <html> as it states in the book? I thought it should be </html>. I am a beginner so I though I think it should have a slash I really am not sure.

Note from the Author or Editor:
change to "end </html> tag" in step 3 of Exercise 4-2 as indicated.

Anonymous  Aug 31, 2012  Nov 30, 2012
Printed
Page 57
step 4, first sentence

On page 57, step 4, first sentence.

4. Next, created the document head that contains the title

(correction) 4. Next, CREATE the document head that contains the title

(change word CREATED to CREATE)

Note from the Author or Editor:
make change as described.

Joan Page  Oct 26, 2012  Nov 30, 2012
Printed
Page 57
step 4, third line

page 57, step 4, third line,.

informatino about the character encoding <meta charset="utf-8">

(correction) INFORMATION about the character encoding <meta charset="utf-8">

(change the word INFORMATINO to INFORMATION)

Note from the Author or Editor:
make change as described (this was caught by other reviewers as well)

Joan Page  Oct 26, 2012  Nov 30, 2012
Printed
Page 57
figure 4-8, step 5, last sentence

This may not be an error and I'm just not seeing it.

source document should look like this (the markup is shown in color to make it stand out).

I don't see the markup in color in the example.

Note from the Author or Editor:
The markup in the code should be blue.

Joan Page  Oct 26, 2012  Nov 30, 2012
PDF
Page 57
middle of page

page 57, figure 4-8

"Catering", as used on page 53, figure 4-1,
is replaced by "Catering Services" on page 57

Note from the Author or Editor:
This is an inconsistency that could be fixed. In the code in Exercise 4-2, delete "Services" after the word "Catering midway down.

Anonymous  May 05, 2016  Sep 06, 2016
Printed
Page 61
Empty elements section 3rd paragraph

"Figure 4-11 shows the very simple syntax of an empty element (compare to Figure 4-4)."

"Figure 4-4" above should probably read: Figure 4-6.

Note from the Author or Editor:
NOTE: THIS IS ACTUALLY FOR THE FOURTH ED.

Yes, it should say "(compare to Figure 4-6)."

chito amauta  May 11, 2013  Aug 02, 2013
Printed
Page 61
12th line (counting headers)

"...page have followed the syntax shown in Figure 4-1". The figure should be 4-6.

Note from the Author or Editor:
I believe we caught and fixed this error in a previous reprint.

Juan Manuel Straus  Apr 25, 2014  Aug 22, 2014
Printed
Page 63
Exercise 4-4, paragraph 1

URL is incorrect. In the book it's www.learningwebdesign.com/4e/materials/chapter04/bistro, but the actual URL is http://www.learningwebdesign.com/4e/bistro/

Note from the Author or Editor:
The correct, working URL is:

www.learningwebdesign.com/4e/materials/chapter04/bistro

In the first printing of the book, the "materials/" directory had been omitted, but it has been fixed in a subsequent reprint.

Anonymous  Feb 20, 2013  Feb 22, 2013
Printed
Page 64
step 5

Somewhere between page 60 and 64 <br> elements need to be added to the Location and Hours section of the code so it matches the webpage listed in Figure 4-14

The closest match that discusses the <br> statement is the Empty elements section on page 61, but uses <p>1005 Gravenstein Highway North as an example, but it doesn't tell you to update the code.



On page 57 step 5 the location and hours are as follows:

Location and Hours
Seekonk, Massachusetts;
Monday through Thursday 11am to 9pm, Friday and Saturday, 11am to midnight.

There are no <br> statements in the code. When you get to exercise 4-3 page 59 step 6, the webpage is correct as well as figure 4-10 on page 60. The location and hours show without the <br> statements, i.e. on the same line.

When you get to page 64, step 5 the Location and hours in the web page are not on the same line indicating that a <br> statement was added to the code and show as:

Location and Hours
Seekonk, Massachusetts;
Monday through Thursday 11am to 9pm,
Friday and Saturday, 11am to midnight.


Somewhere between page 60 and 64 <br> elements need to be added to the Location and hours section of the code so that it matches figure 4-14 on page 64.

Note from the Author or Editor:
This is a good catch. To fix it, we'll need to add a note in the left side column next to Figure 4-14 (adding an extra step in the Exercise will mess up page breaks).

Use the Note element style for the following:

YOU TRY IT
Add line breaks (br) to the Location and Hours section so your page matches the example in Figure 4-14.

(Production, contact me if you have any questions about what I'm asking for here. Thanks.)

Anonymous  Aug 03, 2013  Oct 04, 2013
Printed
Page 66
figure 4-16 and 4-17

the screenshots has switched place. Figure 4-16's caption describes what happens if a slash is omitted but in the screenshot the end bracket is missing and vice versa.

Note from the Author or Editor:
This was fixed in an earlier reprint.

Emil Wihlander  May 06, 2013  Aug 02, 2013
Printed
Page 70
Bottom note in sidebar.

The bottom note in the sidebar on page 70 refers to another sidebar later in the chapter called "Sectioning Content". However, there is no sidebar by that name in the chapter. I think the note on page 70 is really referring to the "Sectioning Elements" sidebar on page 81.

Note from the Author or Editor:
Please change "Sectioning Content" Xref to "Sectioning Elements" in the bottom note. This may have been fixed in the first reprint.

Anonymous  Dec 04, 2012  Feb 22, 2013
Printed
Page 75
Changing Bullets and Numbering sidebar

The cross reference at the end of the sidebar should be to "Chapter 12: Formatting Text" (not ch.18)

Jennifer Robbins
Jennifer Robbins
 
Oct 02, 2012  Nov 30, 2012
Printed
Page 77
in <blockquote> third paragraph and in Figure 5-7

very minor, maybe meant to be this way.

in the <blockquote>, 3rd paragraph, there are dashes ...the score is written down - and it's not something that is tampered with - and yet, each conductor ...

and in the Figure 5-7 period and comma have been used instead of dashes and the word "and" has been removed ...the score is written down. It's not something that is tampered with, and yet, each conductor ...

Note from the Author or Editor:
Add period after "down". Delete dash. Capitalize "It's" to match the figure.

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 78
side bar explanatory sentence

perhaps this is not an error at all.

in sidebar
for <figure>...</figure> instead of Contact information, should it read something like Figure content Information

for <figcaption>...</figcaption> instead of Contact information, should it read something like Figure caption information

Note from the Author or Editor:
Under <figure> text should read:
Related image or resource

Under <figcaption>, text should read:
Text description of a figure

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 82
top graphic depicting the aside element

<aside>?<aside>
should be:
<aside>?</aside>

Note from the Author or Editor:
In the orange code in the margin, please add the / to the closing aside element: <aside>...</aside>

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 82
5th paragraph under <nav> example

in 5th paragraph, under <nav>, the first link and the last link are missing the < for the </li> at the end of the link.

Note from the Author or Editor:
Add "<" in front of "/li>" for first and last items in the list.

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 85
The Inline Elements Backstory sidebar, 2nd paragraph

Delete the word "a" in the second sentence:

should be:

"... you'll need to use CSS rules if you want..."

not:
"... you'll need to use a CSS rules..."

Jennifer Robbins
Jennifer Robbins
 
Oct 02, 2012  Nov 30, 2012
Printed
Page 86
under Important text

"The strong element indicates that a word or phrase as important."
should be:
"The strong element indicates that a word or phrase is important."

Note from the Author or Editor:
Please change "as" to "is" in the first sentence under "strong" as indicated.

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 87
Figure 5-9

Figure 5-9 ...last example should read..."when checking out of the hotel"...instead of ..."when returning the car"

Note from the Author or Editor:
Yep, the figure does not match the code example in the flow of text. Please change the code example at the top of page 87 to read:

<p>When returning the car, ...

kurt Thorson  Jan 30, 2013  Feb 22, 2013
Printed
Page 88
in the strike-through example

Page 88, in the strike-through example, no semi-colon is needed
in the CSS Property description.

Note from the Author or Editor:
This isn't incorrect, but it is inconsistent with the other examples. Please delete the semicolon after "line-through" in the s example.

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 88
under "u" Example: sentence

under the u, for the Example: <p>New York.... the / for the </p> is missing at the end of the example.

Note from the Author or Editor:
Close the paragraph tag at the end of the sentence. (</p>)

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 88 and 89
under small , 4th sentence, and page 89 Figure 5-10, 5th sentence

This could be what the author wanted and not a mistake at all.

on page 88, under small, 4th sentence. for the example, should this be omitted, because the example is for small, not bold? <p><a href="">Download <b>Jenville Handwriting Font</b></a></p>

and on page 89, for Figure 5-10, 5th sentence, should the sentence "Download Jenville Handwriting Font" be omitted, because a bold example is in the first sentence.

also, a very minor picky comment for consistency in the listing of the elements.
on page 87, third paragraph, the elements are b, i, u, s, and small.
and on page 87, sidebar, the elements are listed b, i, s, u, and small.
and on page 87/88, for the definition, css alternative and example, the elements are listed as b, i, s, u, and small
and for figure 5-10, the elements are listed as b, i, u, s and small.

Note from the Author or Editor:
Very good points! I'd like to make these changes.

p.88: under "small" listing: delete first Example line (from <p><a href.... to </a></p>. Example should include only the line that starts: <p><small>

p.89, Figure 5-10: Delete "Download Jenville Handwriting Font' and close up the space. Whole page will get a bit shorter.

I'm going to let the inconsistency in order between the first paragraph in the section and the other listings go as is.

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 88 and 89
page 88 under i and on page 89 in Figure 5-10, second sentence

an explanation point used instead of a period.

on page 88, under i, the example ends with a period and on page 89 in Figure 5-10, the second sentence ends with an explanation point

Note from the Author or Editor:
Change period to an exclamation point in the Example for the i element.
"... a new personality!</p>"

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 88 and 89
page 88, last sentence and page 89, figure 5-10, last sentence

On page 88, the last sentence reads "This font is free for commercial use."

and on page 89, in Figure 5-10, the last sentence has the words "personal and" added - to read "This font is free for personal and commercial use."

Note from the Author or Editor:
Change Example for the small element to match Figure 5-10:

(first, delete the Download Jenville Handwriting Font)

<p><small>This font is free for personal and commercial use</small></p>

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 91
under Highlighted text

"One might use it to call out a search term in a page of results, to manually call attention to a passage of text, indicate the current page in a series."
should probably be:
"One might use it to call out a search term in a page of results, to manually call attention to a passage of text, or to indicate the current page in a series."

Note from the Author or Editor:
Insert "or to" before "indicate the current page..." as indicated.

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 93
under Accommodating Non-Western Languages box

on the <ruby> example, for both the "han" and the "zi" example, at the end of the example, a slash needs to be added to read </rp>

just a comment, I could not find the whatwg.com website, so I went to the www.w3.org/tr/ruby 1.2.2 Simple Ruby Markup with Parentheses insteadto find this information.

Note from the Author or Editor:
Yes!

Close the final <rp> at the end of each code line: <rp>)</rp>

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 99
in the code depicting the copyright special characters

in the code depicting the copyright special characters,
the year provided (2012) does not match the year shown in Figure 5-17
(2007).

Note from the Author or Editor:
I'd like to change the figure to 2012, but if it's easier to change both instances of "2012" in the text, just go ahead and change it back to 2007.

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 100
top

“ " should be " ”
(missing semicolon at the end)

Note from the Author or Editor:
Add a semicolon after &nbsp in the top row of Table 5-2.

Anonymous  Jan 11, 2016  Sep 06, 2016
Printed
Page 104
Phrasing elements for superscript

The phrasing elements section lists both subscript and superscript as "sub". superscript should be "sup".

Note from the Author or Editor:
This was fixed in an earlier reprint.

Anonymous  May 03, 2013  Feb 22, 2013
Printed, PDF, ePub, Mobi, , Other Digital Version
Page 107
Sidebar: Work Along with Jen's Kitchen

In Figure 6-3 caption, please delete "Finished" and insert "The" (this is actually the "before" shot)

Jennifer Robbins
Jennifer Robbins
 
Nov 02, 2012  Nov 30, 2012
Printed
Page 107
3rd paragraph, 2nd sentence and page 107, second <li> example

words needs to be changed

in the third paragraph, the list item, "The Food Network" is liked to the site "www.foodtv.com"

and in the second <li> example, "The Food Network" is lioked to the site "www.foodnetwork.com"

Note from the Author or Editor:
In the 2nd paragraph after Linking to Pages on the Web", change "www.foodtv.com" to "www.foodnetwork.com"

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 108
Figure 6.4

in Figure 6-4, the diagram shows "spoon.gif",

and the Mac OS Finder structure diagram shows "star.gif" instead of "spoon.gif"

Note from the Author or Editor:
The directory should show "spoon.gif". I will send a replacement screenshot directly to Rachael for inclusion in the reprint.

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 108
Figure 6-4

This may not be a mistake at all.

in Figure 6-4, the diagram it reads "linguine.html"

in the Mac OS Finder structure, it reads "linguine.htm"

Note from the Author or Editor:
Confirmed! Sending a second screenshot that fixes both errors.

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 109
under Linking within a directory

"When link to a file in the same directory, you only need to provide the name of the file."
should be:
"When you link to a file in the same directory, you only need to provide the name of the file."

Note from the Author or Editor:
Insert "you" into second sentence as described ("When you link...")

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 109
2nd paragraph, last sentence and Figure 6-5, <a href...

second paragraph, the <a href ... reads "About the site"

in Figure 6-5, the <a href ... reads "About this page"

Note from the Author or Editor:
Please update Figure 6-5 to say "About the site..." in the code example in the lower-left.

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 111
1st paragraph, 4th sentence, and Figure 6-7, <a href... example

in the 1st paragraph, 4th sentence, the <li><a href example, reads "Couscous with Peas and Mint"

in Figure 6-7, the <a href example reads "Couscous"

Note from the Author or Editor:
Please correct the code example in Figure 6-7 so it matches the code in the text:

<a href="recipes/pasta/couscous.html">Couscous with Peas and Mint</a>

(it will have to break to a second line after "Couscous" and the figure will get a little taller, and the caption & exercise will need to move down.)

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 114
Figure 6-10

For this last comment I just want to say first that the author has a special gift for writing and explaining this material. I absolutely love reading this book.

This submission may not be an error at all, and just the way the author wanted it to be. In Figure 6-10, The "about.html" is in bold, and maybe it shouldn't be.

Note from the Author or Editor:
Please change Figure 6-10:

"about.html" should not be bold
"salmon.html" SHOULD be bold (it is the target of the link)

Joan Page  Nov 07, 2012  Nov 30, 2012
Printed
Page 118
glossary.html

Materials, LWD4e_chapter06,Exercise 6-8, file glossary.html is invalid. At line 112, the dd element is terminated by </dt> instead of </dd>.

Note from the Author or Editor:
This is a problem with the file on learningwebdesign.com, not in the printed book itself. I will take care of it.

Gary Mason  Sep 15, 2012 
Printed
Page 128
2nd text paragraph, last sentence

The words "width" and "height" should be formatted as Literal in the sentence that ends: ", do not use width and height attributes in the markup."

Jennifer Robbins
Jennifer Robbins
 
Oct 02, 2012  Nov 30, 2012
Printed
Page 134-146
Lower left corner of even pages

Section text in footer reads "Part III, CSS for Presentation" but should read "Part II, HTML for Structure" since it is in that section.

Note from the Author or Editor:
I don't know whether this was caught in the first reprint. Please make sure that running feet in this chapter point correctly to Part II.

Anonymous  Feb 11, 2013  Feb 22, 2013
Printed
Page 134
Sidebar, second para, first URL provided

The "Responsive Data Tables" link is printed as "css-tricks.com/9096-responsive-data-tables." The correct link, at least currently, is "http://css-tricks.com/responsive-data-tables/" (That is, no "9096-".)

For what it's worth, css-tricks.com embellished on this original post with a later "roundup" post, which you can find at http://css-tricks.com/responsive-data-table-roundup/.

Note from the Author or Editor:
In the Trouble with Tables sidebar, please delete "9096-" from the URL in the 2nd paragraph as noted in the submitted errata. Link should be:
css-tricks.com/responsive-data-tables

Marcia Gray  Aug 02, 2013  Oct 04, 2013
Printed
Page 139
exercise 8-1

Rubber Soul was released in 1965 not 1968.

Note from the Author or Editor:
HA! Indeed! Rubber Soul was released in 1965. Good catch.

I will send a new screenshot for page 139 to production. Please also change p.564 in Appendix A to change the date for Rubber Soul to 1965.

Max Plokita  Dec 07, 2014  Jan 09, 2015
Printed
Page 140
in exercise 8-2

"Figure 8-7. Practice column spans by writing the mvwarkup for this table."
should be:
"Figure 8-7. Practice column spans by writing the markup for this table."

Note from the Author or Editor:
omg. This was not in the files I sent. Please make this change.

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 143
"caption" sample near the top of the page

In the code, the text for the caption is "Nutritional Information (Calorie and Fat Content)", but in the visual sample accompanying this code, the words "(Calorie and Fat Content)" are omitted.

Note from the Author or Editor:
Confirmed. I believe this was fixed in the first reprint by removing the phrase "(Calorie and Fat Content)" from the code example.

Tom Scott  Feb 27, 2013  Feb 22, 2013
Printed
Page 150
2nd to last paragraph

At the end of the 2nd to the last paragraph, it states "Our example uses the POST method, as shown here:" and then shows an example form element which has an action value ending with ".pl" (which is a Perl file). However, the example being referred to uses a ".php" file, as shown on page 149. The ".pl" filename extension is not mentioned in the list of scripting/language technologies at the top of page 150.

Note from the Author or Editor:
Confirmed. In fact, this whole line was erroneously carried over from the previous edition, so the new line should read as follows:

<form action="/mailinglist.php" method="POST">...</form>

Change the pathname and file extension on the example on page 151 as well.

Anonymous  Jan 07, 2013  Feb 22, 2013
Printed
Page 155
sample code, top half of page

The first line of sample code is missing a colon after the word "entry" (if it's supposed to match what's seen in figure 9-3).

Note from the Author or Editor:
To match Figure 9-3, please add a colon after "entry" in the first line of code in the example.

Tom Scott  Mar 13, 2013  Aug 02, 2013
Printed
Page 158
4th paragraph

On the first line there's an 'iss' instead of 'is'. Unless that is a reference to the international space station.

I love this book. Many thanks.

Note from the Author or Editor:
On page 158, 4th paragraph, please change "iss" to "is"

Mark Phoenix  Feb 06, 2013  Nov 30, 2012
Printed
Page 159
top yellow "sticky note" at middle of page

Exercise 9-1 on page 159 has "sticky notes" which state the labels should be "name", "email", "phone" and "story". The answer key on page 566 states the labels are "username", "emailaddress" and "telephone". The "story" is the only one that is correct.

Note from the Author or Editor:
Yes! Good catch. The fields should be "username" "emailaddress" and "telephone" per the answers in the appendix.

Anonymous  Oct 29, 2012  Nov 30, 2012
Printed
Page 160
Page 160 aside

The "thank you" does not pop up when I press "submit". When I had someone more familiar with web design look at it they said, " your web server's php engine doesn't seem to be working because I get your php back raw with the php code still in it"
Exercise 9-1 is confusing: The answer key has labels in it and I am still not finding the instruction on labels.

Note from the Author or Editor:
The .php file on the server is not working. I'll look into it asap. At this point I believe there are no changes to make in the book. I think it can be fixed on the server.

Anonymous  Oct 19, 2012 
Printed
Page 160
last line

"contact.php" should read "contest.php"

Note from the Author or Editor:
I believe this has already been fixed in the first reprint.

Kurt Thorson  Feb 05, 2013  Feb 22, 2013
Printed
Page 165
very bottom

In the second to last line of the code sample for FILE SELECTION CONTROL, should the second <label> tag be a closed tag (i.e. </label>).

I'm still learning this stuff, and I just want to be clear....

Note from the Author or Editor:
Yes! Change the <label> tag in the second to last line of code to a closing tag: </label>

Tom Scott  Feb 27, 2013  Aug 02, 2013
Printed
Page 172
Bottom <fieldset> element <ol> and to the bottom </ol>

On page 172 of Chapter 9,Forms, the second <fieldset> under <legend>Customer Information</legend> there is an ordered list used in the <fieldset> instead of an unordered list which is used in the prior <fieldset> under "Mailing List Sign-up". The Figure 9-19 shows the default rendering of the code. Wouldn't numbered items appear in the rendering if an ordered list is used for "Customer Information". I feel that an <ul> should have been used instead of an <ol>. I have been "racking my brains out" trying to figure out whether this is a typo mistake or is permissible.

Note from the Author or Editor:
That is an error! Semantically, the list in the second <fieldset> should also be an unordered list (ul).

Production, change the <ol> and </ol> to <ul> and </ul> respectively.

Anonymous  Aug 20, 2013  Oct 04, 2013
Printed
Page 185
After second paragraph

The HTML5 declaration is shown as "<! DOCTYPE html>" here but
"<!DOCTYPE html>" (i.e. no space after "!") everywhere else. validator.w3.org flags the space version as an error in HTML5.

Note from the Author or Editor:
There should NOT be a character space between the ! and DOCTYPE. Please close up the space.

Anonymous  Feb 11, 2013  Feb 22, 2013
Printed
Page 185
The last word of the page

"DTDs" at the end of the page is repeated at the top of page 186.

Note from the Author or Editor:
I don't have this problem in my printing of the book. Production, could you check the most recent files and see if the word DTDs is repeated, and if so, delete the one that causes the least amount of ripple effect on the page.
Thank you.

Anonymous  Mar 28, 2014  Aug 22, 2014
Printed
Page 197
Top note in side column

In the 4th line, the words "type" and "source" should be formatted as Literal.

Jennifer Robbins
Jennifer Robbins
 
Oct 02, 2012  Nov 30, 2012
Printed, PDF, ePub, Mobi, , Other Digital Version
Page 226
Code after "font-family" entry

Change "tt' to "var" in second line of code. (The tt element is obsolete in HTML5).

Jennifer Robbins
Jennifer Robbins
 
Nov 02, 2012  Nov 30, 2012
Printed
Page 230
in Figure 12-2

the Impact font is misspelled in the Fantasy row.

Note from the Author or Editor:
Please change label to "Impact" on bottom row of Figure 12-2.

Anonymous  Sep 11, 2012  Nov 30, 2012
Printed
Page 242
3rd paragraph just before exercise

Just before exercise 13-5 you write "Let's use the shorthand font property to make some changes to the h2 headings" But the exercise is to rewrite the h1 style rules using a font property instead with the goal to make it look as it did before.

Note from the Author or Editor:
The last line before the exercise should say "h1" instead of "h2"

Anonymous  Oct 01, 2014  Jan 09, 2015
Printed
Page 247
Last line of page

The reference should be to Exercise 12-6 (not 12-2)

Jennifer Robbins
Jennifer Robbins
 
Oct 02, 2012  Nov 30, 2012
Printed
Page 249
First paragraph under "Line Height" b-head

The cross reference should be to Figure 12-13 (not 12-14)

Jennifer Robbins
Jennifer Robbins
 
Oct 02, 2012  Nov 30, 2012
PDF
Page 266
1st paragraph

CSS3 supports 147 color names (17 standard colors plus 130 more).

Note from the Author or Editor:
Please change "140" in the sixth text line to "130"

Ana Alvarez  Dec 02, 2012  Feb 22, 2013
Printed
Page 271
example above last paragraph

I believe the example should have .5 as the level of transparency and not 50%

iow I believe it should read:

h1{
color: rgb (120, 120, 120);
color: rgba (0, 0, 0, .5);
}

Note from the Author or Editor:
Yep! In the last code example on page 271, the style rule should read:

h1{
color: rgb (120, 120, 120);
color: rgba (0, 0, 0, .5);
}

Anonymous  Jan 06, 2013  Feb 22, 2013
Printed
Page 287
Exercise 13-3

Number 1 in the exercise states to add the image purpledot.gif, then within the example, in blue, it puts the correct file name with the .png ending.

Within the downloadable files, the file type is a png file.

Note from the Author or Editor:
In Exercise 13-1, step 1., change "purpledot.gif" to "purpledot.png'"

Anonymous  Feb 19, 2013  Feb 22, 2013
Printed
Page 295
exercise 13-7

The fallback image code given will not work. It combines the long form for image background (background-image) with the shorthand value list. To test, I removed all the code below the fallback code, and no image appeared. The fallback code needs to be written as
"background: url(images/purpledot.png) center top repeat-x;" in keeping with the shorthand style for the values.

Note from the Author or Editor:
In Exercise 13-7, 3rd line of code, change

background-image:

to

background:

Daniel Leavey  Nov 02, 2012  Feb 22, 2013
Printed
Page 311
last line of "The Internet Explorer..." sidebar

Change "Kaufmann" to "Kaufman"

Jennifer Robbins
Jennifer Robbins
 
Jan 29, 2014  Aug 22, 2014
Printed
Page 361
3rd paragraph

Bullet item 1 states "...the offset values apply to the outer edges of the element box (from margin edge to margin edge), ..."

Should be ?:
Bullet item 1 states "...the offset values apply to the outer edges of the element box (from padding edge to margin edge), ..."

Note from the Author or Editor:
This is an error. The first bullet should read:
"(from padding edge to margin edge), ..."

Patrick Fischer  Jul 30, 2014  Aug 22, 2014
Printed
Page 377
1st paragraph

Well, this isn't really an important language problem, but in the second sentence of this paragraph, it appears that "the width attribute" should be "the width property" instead, as the term refers to part of a CSS style rule, not part of an HTML element.

p.s.to Jennifer: Many thanks for writing this excellent book. I'm having a blast with it!

Note from the Author or Editor:
Confirmed.

p.377, 1st para, 2nd line: change "attribute" to "property"

should read:
"omit the width property,..."

Allen Bowden  Feb 03, 2015  Aug 21, 2015
Printed
Page 392
Figure 16-16

The "Source order" figure has the wrong order - the #links and #news sections should be switched.

Note from the Author or Editor:
This errata is confirmed. Please reverse the order of the red "#links" rectangle and the green "#news" rectangle in the "Source order" portion of Figure 16-16.

(Production, let me know if you need a copy of the original figure.)

CY  Jun 03, 2014  Aug 22, 2014
Printed
Page 395
last paragraph

in the style rules for the 2 column faux layout the graphic for the 2page faux column layout is incorrectly labeled as a .gif . It is actually a .png in the files.

Note from the Author or Editor:
This error is confirmed. Note that this applies to the 4th edition, not the 3rd.

In the last para on p.395, change "two_column.png" to "two_columns.png" (with an s to match the figure).

In the code example, change "url(two_column.gif);" to
"url(two_columns.png)"
NOTE: additional s and .png, not .gif

Kurt Thorson  Feb 15, 2013  Aug 02, 2013
Printed
Page 396
Code example at end of page

In the code example, the image file name should end in .png:
so...

background-image: url(two_cols_3000px.png);

Jennifer Robbins
Jennifer Robbins
 
Feb 17, 2013  Feb 22, 2013
Printed
Page 417
Top section of page

Book says:

...
a:hover #img3, a:focus #img2 {

....
a:hover #img4, a:focus #img2{

I presume these a:focus #img numbers should match the a:hover numbers, so that the image does these things on both hover & focus.

Note from the Author or Editor:
There is an error in the code. the 3rd line beginning "a:hover" should end with #img3 (not #img2) and the 4th example should end with #img4 (not #img2)

Elizabeth R  Nov 17, 2012  Nov 30, 2012
PDF
Page 417
instruction number 2

a:focus instruction for #img3 reads "#img2". Same for #img4. Each should have its correct image number.

Note from the Author or Editor:
Yep! Copy and paste error! In the code at the top of page 417, change "img2" to "img3" for the third a:hover and change "img2" to "img4" for the fourth a:hover.

Anonymous  Feb 25, 2016  Sep 06, 2016
Printed
Page 430
first paragraph

word that is being changed by the example "image replacement" is Jenware not Jenville.

Note from the Author or Editor:
In first full paragraph, 4th line, please change "Jenville" to "Jenware".

kurt Thorson  Feb 17, 2013  Feb 22, 2013
Printed, PDF
Page 431, 598
431 - First Paragraph. 598 - Near bottom. Second entry under "Q"

Very minor typo:

Name is printed as "Tony Quartorolo", when it should be "Tony Quartarolo".

This typo shows up in the index as well under "Q".

Note from the Author or Editor:
Please change "Quartorolo" to "Quartarolo" on both pages.

Tony Quartarolo  Mar 21, 2014  Aug 22, 2014
Printed
Page 436
The Markup

I believe the result in Figure 18-4, page 437 cannot be achieved without the following CSS rules:

li {list-style-type: none;}

input.textinput rule needs margin-bottom: 1em added to separate text inputs

Note from the Author or Editor:
Yes, there is a style that was in the file that did not get copied into the book. On page 437, add the following style at the beginning of the style sheet code example:

ul { list-style-type: none;
... }

To make room for this style, remove line breaks after and before the curly braces on the following two style rules:

ul li { clear: both;
... }
form { width: 40em;
(5 additional styles)
overflow: hidden; }

Daniel Leavey  Jan 03, 2013  Aug 02, 2013
Printed
Page 448
Second paragraph

In the sentence defining media types, either 'screen' is written twice or there is an incorrect comma between 'projection screen'.

Note from the Author or Editor:
In the second paragraph, line 3, please change the first word "screen" to "speech"

Mark Phoenix  Mar 16, 2013  Aug 02, 2013
PDF
Page 489
First Paragraph(Topic: Accessing an attribute value; line4 first para)

Author says that image file is named "source.jpg" whereas subsequently in example, it is referred to as ""stratocaster.jpg".

So "source.jpg" should be changed to ""stratocaster.jpg" in line 4 first para.

Note from the Author or Editor:
In first paragraph, last line, "source.jpg" should be "stratocaster.jpg"

Sachin Sharma  Jan 02, 2013  Feb 22, 2013
Printed
Page 490
1st paragraph

In the innerHTML example, we want to add a paragraph of text to the first element on our page with a class of intro.

The example given

introDiv.innerHTML = "<p>This is our intro text</p>";

should be

introDiv[0].innerHTML = "<p>This is our intro text</p>";

Because the method selects all the items with class intro and inserts them into an array, we need to denote the array member on which the innerHTML property is applied.

Note from the Author or Editor:
Confirmed:

var introDiv = document.getElementsByClassName("intro");
introDiv.innerHTML = "<p>This is our intro text</p>";

should be:

var introDiv = document.getElementsByClassName("intro");
introDiv[0].innerHTML = "<p>This is our intro text</p>";

Christian Aziz  Mar 09, 2013  Aug 02, 2013
Printed
Page 511
in "8bit indexed color paragraph at the bottom of the page

(28=256) should be (2[superscript]8=256)

Note from the Author or Editor:
NOTE: This refers to the 4th edition, not the 3rd as the reader submitted.

This error has been corrected in the first reprint.

Keith Halwig  Dec 14, 2012  Feb 22, 2013
Printed
Page 515
top box

There is a reference to a pdf chapter regarding how to make animated GIFs from the previous edition of the book. The reference is to the previous edition of the book that can be found at "learningwebdesign.com".
I went to learningwebdesign.com but did not see the previous edition pdf file referenced.

Note from the Author or Editor:
Change the URL in the FURTHER READING box to make the Animated GIF chapter easier to find. (It's there, but not well labeled).
from: www.learningwebdesign.com
to: www.learningwebdesign.com/articles.html

bill brouillette  Oct 01, 2014  Jan 09, 2015
Printed
Page 532
Second paragraph from the bottom

The cross reference should be to Figure 21-28 (not 21-26)

Jennifer Robbins
Jennifer Robbins
 
Oct 02, 2012  Nov 30, 2012
Printed
Page 538
sidebar

For exercise 21-3 cannot find material files svg4u.svg and svgtest.html online.

Note from the Author or Editor:
The files were indeed missing from the lwd.com website. I have requested that they be put up there today.

Anonymous  Jan 24, 2013 
Printed
Page 538
exercise 21-3 (2nd paragraph)

the "svg for u" graphic is in figure 21-31 not figure 21-30 as stated.

Note from the Author or Editor:
In the exercise 21-3 on p.538, 2nd paragraph, change "Figure 21-30" to "Figure 21-31"

Kurt Thorson  Feb 22, 2013  Aug 02, 2013
Printed
Page 558
Chapter 4, Question 4, Answer a

The answer must be:

It is missing the src and alt attributes: <img src="birthday.jpg" alt="birthday">

-------
Since she says "Some attributes are required, such as the src and alt in the img element." (pp. 63, 3rd line)

Note from the Author or Editor:
I agree! There should also be an alt attribute here to be valid. Please change Chapter 4, Question 4, Answer a to:

It is missing the src and alt attributes: <img src="birthday.jpg" alt="">

Anonymous  Mar 09, 2014  Aug 22, 2014
Printed
Page 563
Bottom Paragraph

The answer to question 2 is missing.

Note from the Author or Editor:
Insert after answer to #1:

2. Because they use Cascading Style Sheets (CSS) for layout.

Renumber the remaining answers 3 and 4, respectively.

Mark Phoenix  Oct 22, 2012  Nov 30, 2012
Printed
Page 564
Exercise 8-1, second to last line

Shouldn't <tr> in second to last line be </tr>, to close the Abbey Road table row?

Note from the Author or Editor:
Exercise 8-1 code: last two lines should read:

</tr>
</table>

(note closed </tr> tag)

Karen Scheller  Jun 10, 2014  Aug 22, 2014
Printed
Page 565
Exercise 8-4, 4th element tag

The 4th tag here shows:
<th rowspan="2">?</th>

is this No-breaking character space entity necessary?
Because it is not shown in the exercise itself on the process.

Note from the Author or Editor:
That is an error. Please remove &nbsp; from the first <th> element in the code for Exercise 8-4.

Anonymous  Mar 22, 2014  Aug 22, 2014
Printed
Page 567
United States

On page 567, the solution for "Exercises 9-1 through 9-4: Final source document" says that "feature" is the variable name for each of the checkbox inputs.

ex. <input type="checkbox" name="feature" value="mp3"

After submitting the form, I noticed that the handling script didn't recognize multiple checkbox selections, which makes sense because array syntax is missing.

The proper value for the variable names is listed on page 162 in #2 of exercise 9-2, "Be sure the variable name for each is features[]..."

Note from the Author or Editor:
Confirmed.

p.567, third <fieldset> replace all 4 instances of

name="feature"

with

name="features[]"

Max Plokita  Dec 08, 2014  Aug 21, 2015
Printed
Page 570
The line after "g." (third line from top)

"Extra credit: Just the paragraph that appears after the 'main' section"

should read

"Extra credit: Just the paragraph that appears after an h2"

Note from the Author or Editor:
change answer g. on p.570 to read:

Extra credit: Just the paragraph that appears after an h2 (hint: this selector will not work in Internet Explorer 6): h2 + p {color: red;}

Slayerette  Apr 10, 2013  Aug 02, 2013
Printed
Page 573
2nd paragraph: Exercise 13-7

There should not be a right curly bracket after
background-image: url(images/purple dot.png) center top repeat-x;

Please let me know if I am wrong....thanks

Note from the Author or Editor:
Please remove the closing curly bracket (}) at the end of the first orange line of code in Exercise 13-7.

Anonymous  Oct 24, 2013  Aug 22, 2014
Printed
Page 578
Chapter 17, answer #8b.

The Chapter 17 Test Yourself question 8b reads: Reposition the element 25 pixels up and 50 pixels to the left.

The answer for Chapter 17 Test Yourself question 8b is given as...
translate(-25px, -50px);

The correct answer is...
translate(-50px, -25px);

Note from the Author or Editor:
Confirmed. Change the answer to 8b to:

translate(-50px, -25px);

Andrew Black  Apr 14, 2013  Aug 02, 2013
Printed
Page 578
Chapter 17 Self Test answer 8c

The answer to question 8c is printed as

transform-origin: bottom right;

However, according to the text on page 412, the paragraph at the top of the page specifies that the first value of the transform-origin property should be the horizontal offset, and the second value should be the vertical offset. Therefore, shouldn't the answer to question 8c on page 578 be

transform-origin: right bottom;

Note from the Author or Editor:
Confirmed. On p. 578, Chapter 17, #8, change c) to:

c) transform-origin: right bottom;

Mark Sossoman  Feb 14, 2015  Aug 21, 2015
Printed
Page 578
Chapter 17 Self Test answer 8d

The answer for question 8d in the Chapter 17 Self Test is printed on page 578 as

transform: scale (1.2);

However, the question on page 425 is asking for the scale factor to resize an image from 400 pixels wide to 500 pixels wide.

Shouldn't the factor be 1.25 instead of 1.2? Therefore, the answer on page 578 should read

transform: scale (1.25);

Note from the Author or Editor:
Confirmed. p. 578, Chapter 17, no.8, change d) to:

d) transform: scale(1.25);

Mark Sossoman  Feb 14, 2015  Aug 21, 2015
PDF
Page 580
Appendix A, page 580, answer to question 3b

This is answer to question no 3(b) of Chapter 19.
The output of segment given below:
var foo = 5; alert(foo++);
* will be 5 and not 6,
* because foo++ is post incremented,
* will display value of foo(which is 5) and then increment foo by 1(which is 6);

Note from the Author or Editor:
This is confirmed as an error, but I would like to leave the answer to question 3b on p.580 "6", and I would like to change the question so that the answer is 6. (Because the chapter doesn't address command order issues, it is better to make the question match what we *did* cover.)

SO! On page 483, change Question 3, Part b to:

i = 5;
i++;
alert( i );

(Maintain line breaks after each semi-colon as shown here. It should not affect line breaks.)

Sachin Sharma  Jan 02, 2013  Aug 02, 2013
PDF
Page 584
The :target selector

This could be in the OTHER formats as well --

There is NO 'example code' in the Description area of the :target -- instead, it looks like what should have been the 'example code' was instead included in the :hover Description box by mistake.

Note from the Author or Editor:
Confirmed. Move the example "h1:target {color: green;}"
from the last line of the :hover row to below the description in the :target row.

Anonymous  Jun 14, 2013  Aug 02, 2013
PDF
Page 584
584

This error may appear in other formats as well, not just the PDF version --

ERROR #1-
The selector below does not coincide correctly w/ the example code you are providing in the Description box:
A[att$="val"]

ERROR #2-
The selector below does not coincide correctly w/ the example code you are providing in the Description box:
A[att*="val"]

Note from the Author or Editor:
The example in the "Ending substring attribute selector" row should be: img[src$="...

The example in the "Arbitrary substring attribute selector" row should be: img[title*="...

These were both fixed in earlier reprints.

Anonymous  Jun 14, 2013  Aug 02, 2013
600
Fourth table - Pseudo class Selectors (Appendix B).

Hi,

provided that I have only access to the "Safari Books Online" edition, I just can't provide an accurate page number for the issue. I've typed in 600, because it is approximatively in the end. More precisely it is located in the Appendix B (CSS3 Selectors) in the fourth table, titled "Pseudo-class selectors".

If you look at the line referencing the ":first-of-type" selector, the produced example is "dt:only-of-type {font-weight: bold;}". It is expected, I guess, to have an example referencing ":first-of-type" here. :-)

If you look in the line referencing the selector ":only-of-type" the issue is the same kind, but reversed with ":first-of-type".

Also: I did not take the time to check every item on this page.

Regards
Yves

Note from the Author or Editor:
This was already corrected in the first reprinting.

For the online record, the :only-of-type entry should have the example dt:only-of-type {font-weight: bold;} (not :first-of-type)

Yves Baumes  Jan 14, 2013  Nov 30, 2012
Other Digital Version
7467
Exercise 12-3

In the first paragraph of exercise 12-3, you write "I'm also not going mark them..." You forgot a word. It should be "I'm also not going TO mark them..."

I'm using the Kindle version which doesn't provide page numbers, so I provided the location number.

Note from the Author or Editor:
Exercise 12-3 text: 4th sentence should read:
"I'm also not going to mark..."

Ian Schulze  Jun 24, 2014  Aug 22, 2014