Learning Web Design

Errata for Learning Web Design

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 many
many

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.

Dave Slayton  Oct 28, 2009  Jun 24, 2011
Printed
Page 5
2nd line

There are two spaces between "which aspects".

Lee Israel  Sep 03, 2011  Feb 24, 2012
Printed
Page 9
"At a Glance" side box

The main content of the box is missing! It says "Web related programming "languages" in order of increasing complexity:" and then the box is completely blank.

Note from the Author or Editor:
Missing content list is: -HTML/XHTML -Style sheets -JavaScript/DOM scripting -Server-side scripting -XML -Java

Lee Israel  Sep 04, 2011  Feb 24, 2012
Printed
Page 24
Box on left ("exercise 2-1")

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.

Anonymous    Nov 01, 2009
Printed
Page 25
Figure 2-3

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

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 30
table 3-2

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

Anonymous  Feb 25, 2010  Jun 24, 2011
Printed
Page 30
Table 3-1, first note under Notes, far right column

It's = it is Its = possessive

Anonymous    Oct 01, 2008
Printed
Page 38
Exercise 3-1

Change first two bullet items to: • Launch your browser and open the Preferences dialog box. • In Internet Explorer, select General and Colors/Fonts. In Firefox, select Content then Fonts & Colors.

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 48
Test Yourself, question #2

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

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
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."

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 56
Figure 4-5. The homepage content in a browser.

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.")

Anonymous    Nov 01, 2009
Printed
Page 59
Exercise 4-2: Step 4

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

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 64
figure 4-11

The img element displayed in Figure 4-11 on page 64 is incorrectly terminated. The text of the example should read: <img src="bird.jpg" alt="photo of bird" /> instead of: <img src="bird.jpg" alt="photo of bird"> I have to say this is very minor, but it could confuse the beginners for whom this is intended. ====== This book is GREAT. I have recommended it to several people already. Mary Nuttall

Note from the Author or Editor:
page 64: Figure 4-11: Add a character space and / before the closing bracket: ...of bird" />

Anonymous  Aug 11, 2008  Nov 01, 2009
Printed
Page 78
left side column

for a definition it is listed as <dd> . . . </dt>

Note from the Author or Editor:
Change to <dt>...</dt> (in the left column next to Definition Lists section)

Anonymous  Mar 02, 2010  Jun 24, 2011
Printed
Page 78
side bar for "Definition Lists"

<dd>...</dt> shoud be <dd>...</dd>

Note from the Author or Editor:
already fixed.

Anonymous  Sep 26, 2008  Nov 01, 2009
Safari Books Online
78,79
sidebar, text of <dd>Digital Type

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.

William Jones  Mar 06, 2009  Nov 01, 2009
Printed
Page 79
1st paragraph

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."

Anonymous    Nov 01, 2009
Printed
Page 81
Second paragraph, second to last line

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

Anonymous    Oct 01, 2008
Printed
Page 82
3rd paragraphs

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"

Anonymous    Nov 01, 2009
Printed
Page 85
Table 5-3

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)

Juan Manuel Menéndez Bellón  Mar 19, 2009  Nov 01, 2009
Printed
Page 86
6th paragraph, middle of sentence

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

Anonymous  Feb 19, 2009  Jul 01, 2009
Printed
Page 88
Tip box in margin

Sentence is incomplete. It reads: "The class attribute is used to" Missing word "classify"?

Anonymous    Oct 01, 2008
Printed
Page 88
2nd line in 1st paragraph (in example snippet)

(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.

Juan Manuel Menéndez Bellón  Mar 19, 2009  Nov 01, 2009
Printed
Page 89
Some Special Characters, paragraph 4, line 3-4

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 ";".

Anonymous    Nov 01, 2009
Printed
Page 90
Table 5-4, last line

"Horizontal ellipses" should be "Horizontal ellipsis." Reason: Ellipsis is singular and ellipses is plural. All the other descriptions in the table are in the singular.

Anonymous    Oct 01, 2008
Printed
Page 94
list of block level elements

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

Anonymous    Oct 01, 2010
Printed
Page 105
Exercise 6-7, Number 2

Make "l" in couscous.html italic

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 108
Box on left: exercise 6-8

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 #."

Anonymous    Oct 01, 2010
Printed
Page 122
2nd column, 5th paragraph

when I download the materials I do not get sienna_100.jpg or duomo_100.jpg or the full versions of these files. Below is a list of the jpg files that are downloaded. Thumbnails: alley_100.jpg cathedral_100.jpg countryside_100.jpg lavender_100.jpg sweets_100.jpg window_100.jpg The photos directory has the full versions of these files but I do not get the sienna or duomo thumbnail or photo. This is extremely frustrating as I like the book but frequently have to stop and look and look for files that are not there. What's the deal?

Note from the Author or Editor:
The images are there, they just got named differently than they were in the chapter. The cathedral is the Duomo, so you can change "cathedral" to "duomo" in those two image files. Similarly, that alley is Sienna, so change "alley" to "sienna" in each image file name, and you should be all set.

Clifford Crissman  Apr 27, 2010  Jun 24, 2011
Printed
Page 126
example, last line (3)

In the example, when the image is added, it says usemap="veggies", and it should say usemap="#veggies". The "#" is missing.

Note from the Author or Editor:
please change usemap="veggies"> in code example (3) to usemap="#veggies" />

Maria Eugenia Ayala  Dec 16, 2009  Jun 24, 2011
Printed
Page 133
Sidebar, 8th line of code

<th abbr="fat" scope="column">Fat (g)</th> should be <th abbr="fat" scope="col">Fat (g)</th>

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

Nellie McKesson
Nellie McKesson
O'Reilly AuthorO'Reilly Blogger 
Mar 18, 2011  Jun 24, 2011
Printed
Page 133
Advance table element

I tested my html source with tidy validator and it gave me errors with scope="column", I search the internet and found that the correct argument in scope="col". Test it again and it passed.

Note from the Author or Editor:
page 133: Advanced Table Elements sidebar: 6th and 7th line of code, change to: <th scope="col">Menu items</th> <th scope="col">Calories</th>

Anonymous    Oct 01, 2010
Printed
Page 142
bottom of page (the table of elements)

In the section for the "th" element, the values for the "scope" attribute are listed as: row, column, rowgroup, colgroup. But it seems that "column" is not one of the value options available for the "scope" attribute. When I used "column", my document failed to validate. The value "col" seems to be correct value-name here.

Note from the Author or Editor:
page 142: Table review table: Change scope to: scope="row|col|rowgroup|colgroup"

Anonymous    Oct 01, 2010
Printed
Page 145
First line after 'The form Element' heading

'surprise' misspelt.

Anonymous  Sep 10, 2008  Jul 01, 2009
Printed
Page 154
Figure 9-6

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.

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 155
Step 5

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.

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 164
Elements and attributes description

Description for "disabled" attribute should read "disables the optgroup" (not option)

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 168
Sidebar

Change sidebar title from HTML 5? to HTML5 (delete question mark and character space before the 5). Change the last sentence to read: To track its progress, check the Web Hypertext Application Technology Working Group's site (www.whatwg.org) or the W3C's HTML5 page (www.w3.org/html, click "HTML5")

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 178
exercise 10-2, step 2

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."

Anonymous    Oct 01, 2008
Printed
Page 196
2nd paragraph

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.

Anonymous  Jul 04, 2010  Jun 24, 2011
Printed
Page 212
Exercise 12-1, Step 1

Add this line at the end of the paragraph (after "with a keyword."): "Insert the new declaration to the body rule we've already created." and change the markup to: body { font-family: Verdana, sans-serif; font-size: small; } Highlight "font-size: small;" in blue.

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 222
Step 5

Step 5 A "label" class was not previously inserted in the header information, and to complete the step, must be created by the reader, such as: <p><span class="label">Baker's Corner Seekonk, Massachusetts,<br /> Hours: M-T:11 to 9, F-S 11 to midnight</span></p>

Note from the Author or Editor:
This is indeed a mistake, but I think it's too big to correct in a reprint. I'll fix it in the next edition that I'm writing now.

Daniel Leavey  Mar 12, 2010 
Printed
Page 222
Step 6

Step 6 The author refers to the class p.warning, sup This is incorrect the class was set up in Chapter 5 as <p class="footnote"> and the selector should be .footnote in the styles section. The "sup" portion of the erroneous is part of the inline presentational element for superscript.

Note from the Author or Editor:
In step 6, change the following: * Line 2: Change "warning" to "footnote". * Delete the final 2 sentences (from "While I'm at it..." to "write a separate rule." * In first line of code, change "warning" to "footnote". Delete ", sup"

Daniel Leavey  Mar 12, 2010  Jun 24, 2011
Printed
Page 224
Under text-indent listing

Change text after "Applies to:" to "block-level elements, table cells, and inline blocks".

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 225
Under text-align listing

Change text after "Applies to:" to "block-level elements, table cells, and inline blocks".

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 228
Box "The Other Text Properties", right column, 2nd listing

The "text-direction" property should be changed to "direction". The CSS 2.1 property definitions list does not contain "text-direction". It seems that the correct property would be "direction", see http://www.w3.org/TR/CSS21/visuren.html#propdef-direction.

Note from the Author or Editor:
page 228: Other Text Properties sidebar: change "text-direction" to "direction"

Anonymous    Oct 01, 2010
Printed
Page 230
Points b, c and f

Points b, c, and f have the wrong font.

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 235
'The RGB color model' illustration at top of page

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.

Anonymous  Sep 11, 2008  Jun 24, 2011
Printed
Page 243
1st paragraph (:first-letter), list of properties

The "line-height" property is missing from the list (see http://www.w3.org/TR/CSS21/selector.html#first- letter). The "text-transform" property is listed twice (left and right column, 2nd from top).

Note from the Author or Editor:
page 243: tabular material under ":first-letter", left column, change "text-transform" to "line-height (CSS2.1)" Match formatting of the other properties followed by (CSS2.1).

Anonymous    Oct 01, 2010
Printed
Page 244
Attributes Selectors sidebar

Under "Exact attribute value" , the "Ex." should be next to the example on the 3rd line (starting with img[title=), not next to the syntax. See other examples.

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 263
Sidebar, last paragraph

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

Anonymous    Oct 01, 2008
Printed
Page 264
4th paragraph of sidebar ("The IE/Windows Box Model")

3rd sentence in paragraph reads: "The outer edges of the element box would measure 218 pixels, not 262." I may have misunderstood this section, but by my calculation, the outer edges of the element box would measure *240* pixels, so that the sentence should read: "The outer edges of the element box would measure 240 pixels, not 262." Here's my arithmetic: Width of content (178) + width of padding (10 + 10) + width of border (1 + 1) + width of margin (20 + 20) = 240

Note from the Author or Editor:
page 264: IE/Windows Box Model: 4th para, 5th line: Change "218 pixels" to "240 pixels"

Anonymous    Oct 01, 2010
Printed
Page 266
Listing for padding-top, padding-right, etc

Change Default to "0" (zero, not auto).

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 266
Listing for padding

Delete "auto" from list of Values. Change Default to "0" (not auto).

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 267
[font]

All instances of "top right bottom left" should be in constant width italic to indicate they are replaceable.

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 270
For border-top-style... and border-style listings...

Add "hidden |" after "none |" in list of values. Also on page 270: To the caption for Figure 14-9, add: "Note that "hidden" is the same as none except in terms of border conflict resolution for table elements."

Anonymous  Nov 02, 2009  Nov 01, 2009
Printed
Page 273
The keywords under Values

"border-style border-width border-color" should be in constant width italic (they are replaceable) for both listings (2x)

Anonymous  Nov 02, 2009  Oct 01, 2010
Printed
Page 275 & 276
Margin properties

Applies to" should read "all elements except elements with table display types other than table-caption, table, and inline-table"

Anonymous  Nov 02, 2009  Oct 01, 2010
Printed
Page 283
exercise 13-1, step 5

Step 5 states: "I've already added a rule that turns underlines off..." The rule, a { text-decoration: none; } is not present in the <script></script> section of "bistro.html"

Note from the Author or Editor:
NOTE: THIS IS A CX TO THE 4TH EDITION, NOT THE 3RD. The style rule is not in the starter file. This is something I need to change on the lwd.com server. There are no corrections to make in the book.

Daniel Leavey  Oct 31, 2012 
Printed
Page 287
Dealing with Browser Bugs

Should be "Peter-Paul Koch"

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

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 288
Under "Margins are maintained"

Should read "in Figure 15-3 by the blue, dashed line."

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

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 299
1st paragraph

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.

Jenni Kmiotek  Sep 28, 2009  Jun 24, 2011
Printed
Page 305
Exercise 15-2 step 2

After changes to the div content, there is an error on the following line: %lt;p class="copyright" .../p> The previous copy was: %ltp id="copyright" .../p> There is nowhere on this chapter that the copyright line was changed

Note from the Author or Editor:
page 305 (not 405), Step 2: Just delete <p class="copyright">...</p> It isn't necessary for the example, and it is confusing. 3/18/2011: This has been fixed and will appear in the next printing.

Anonymous  Jul 03, 2008  Jun 24, 2011
Printed
Page 324
Exercise 16-1

Should be make "2col-" in "2col-olympus.html" bold italic to match rest of file name

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

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 331
In the body style rule,

Verdana should be capitalized.

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

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 334
2nd paragraph should read:

"(even Netscape Navigator 4)"

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

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 339
2nd paragraph, table element style rules

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.

Anonymous    Jun 24, 2011
Printed
Page 344
Values for list-style entry

[font] list-style-type, list-style-position, and list-style-image should appear in constant width italic with no vertical pipes between them. There should be one vertical pipe before "inherit" Also on page 344: Second ul code example after list-style: Delete the semi-colon after "outside" : ul { list-style: circle outside url(/images/happy.gif); }

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

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 346
Step 2 and 3:

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.

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 347
More list and tabbed navigation tutorials

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.

Anonymous    Jun 24, 2011
Printed
Page 372
First paragraph

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.

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 378
Sidebar: the URL for Microsoft Developers Network

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

Sergey  Feb 13, 2011  Jun 24, 2011
Printed
Page 423
FTP Clients sidebar:

URL should be en.wikipedia.org/wiki/Comparison_of_FTP_clients (not SFTP)

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 424
Sidebar

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

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 428
Mid-page: the answer to question 4a

The element that was to be corrected (back on page 69) was also missing an *alt* attribute. (Page 65 tells us that the *alt* attribute is required in the *img* element.) So the correct answer should have been: <img scr="birthday.jpg" alt="description of image">

Note from the Author or Editor:
page 428: Question 4, answer a: Change to: It is missing the src attribute before the file name and the alt attribute to be valid: <img src="birthday.jpg" alt="description of photo" />

Anonymous    Jun 24, 2011
Printed
Page 431
line 8

Code should start out: <p>Baker’s Corner INSTEAD OF <p>Baker's Corner. This code is required to insert "right curly quote" special character as indicated on pages 89-90

Note from the Author or Editor:
page 431: 8th line of code: Change "<p>Baker's" to "<p>Baker&rsquo;s"

Anonymous    Jun 24, 2011
Printed
Page 433
All of the img elements should have an end slash before the closing bracket (img .... />)

The brackets are in the beginning of the tag, but these all need to be fixed as shown below: <h2>Pozzarello</h2> <p><a href="window.html"><img src="thumbnails/window_100.jpg" alt="view from the bedroom window" width="75" height="100" /></a></p> <p>The house we stayed in was called Pozzarello and it was built around the year 1200 as the home of the gardner who tended the grounds of the adjacent castle. The thick walls kept us nice and cool inside, despite the blistering mid-day heat. This is the view from our bedroom window.</p> <h2>On the Road</h2> <p><a href="countryside.html"><img src="thumbnails/countryside_100.jpg" alt="photo of countryside" width="100" height="75" /></a></p> <p>This is the scene on the way to Montalcino (all roads lead to Montalcino!). It looks a lot like the scene on the way to Sienna, and the scene on the way to the grocery store. We were surrounded by beautiful countryside for most of our travels.</p> <h2>Sienna</h2> <p><a href="sienna.html"><img src="thumbnails/sienna_100.jpg" alt="photo of Sienna" width="75" height="100" /></a><a href="duomo.html"> <img src="thumbnails/duomo_100.jpg" alt="the Duomo cathedral in Sienna" width="75" height="100" /></a></p> <p>The closest city to our villa was Sienna, about 30 minutes away. We spent many days exploring the steep and crooked streets, sampling the local cuisine at outdoor restaurants, and stopping in the dark and echoey Duomo to escape the sun.</p> In countryside.html: <h1>The Tuscan Countryside</h1> <p><img src="photos/countryside.jpg" alt="photo of the countryside on the way to Montalcino" width="500" height="375" /></p> In sienna.html: <h1>The Streets of Sienna</h1> <p><img src="photos/sienna.jpg" alt="view of the narrow winding streets of Sienna" width="375" height="500" /></p>

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 433
Fix img element (brackets are in the beginning of the tag, but need to be fixed as shown below)

In duomo.html: <h1>A View of the Duomo</h1> <p><img src="photos/duomo.jpg" alt="view of the Duomo cathedral in Sienna" width="375" height="500" /></p>

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 436
first answer for question 3

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." />

Anonymous  Jul 16, 2008  Jun 24, 2011
Printed
Page 436
first answer for question 3

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." />

Anonymous    Jun 24, 2011
Printed
Page 437
Under Design your custom Forcefields

Change <legend>Color</legend> to: <legend>Color <em>(choose one)</em></legend> Also on page 437: Under Contest Entry Information, replace <textarea>...</textarea></li> with the following: <textarea name="story" rows="5" cols="60" id="story">(Make us feel sorry for your shoes.)</textarea></li>

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 438
3rd line, top of page

In the unordered list for the exercise example as listed in Appendix A, the second label should have the checked feature after the value logo: This is what is there: <li><label><input type="checkbox" name="features" value="logo" /> Metallic logo</label></li> This is the corrected line: <li><label><input type="checkbox" name="features" value="logo" checked="checked" /> Metallic logo</label></li>

Note from the Author or Editor:
Make change as indicated: This is what is there: <li><label><input type="checkbox" name="features" value="logo" /> Metallic logo</label></li> This is the corrected line: <li><label><input type="checkbox" name="features" value="logo" checked="checked" /> Metallic logo</label></li>

Anonymous  Sep 10, 2008  Jun 24, 2011
Printed
Page 440
Answer #3a

The answer contains a selector, "font-face". I believe it should read "font-family".

Note from the Author or Editor:
Change "font-face" to "font-family" as indicated for question 3a.

Mike Turner  Feb 25, 2010  Jun 24, 2011
Printed
Page 440
Answer to question 2 (top of page)

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..."

Anonymous    Oct 01, 2008
Printed
Page 441
Answers to question #2

The question needs to be numbered 2, not 1.

Anonymous    Jul 01, 2009
Printed
Page 442
bottom, supposed to go to page 443

The only answer key for chapter 13 is 13-1. There are no answers for 13-2 and after.

Anonymous    Oct 01, 2008
Printed
Page 445
Chapter 17: CSS Techniques, answers #4, 5, 6

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."

Anonymous    Jun 24, 2011
Printed
Page 445, 446
Exercise 17-1, Design A, 2nd line of code, and Exercise 17-1, Design B, 2nd line of code

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;}

Anonymous    Jun 24, 2011
Printed
Page 452
active description

Should start "Specifies a style for any element... "; :first-line description should be "Selects the first line"

Anonymous  Nov 02, 2009  Jun 24, 2011
Printed
Page 482
Australia

Hi, Page 482, chapter 19, you make reference to a file, tile.html, I can't find it. There's no chapter 11 in downloadable chapter materials on the website. cheers, daniel

Note from the Author or Editor:
This is a problem with the files on learningwebdesign.com. There are no changes to make to the book pages.

Daniel Eigenmann  Sep 18, 2012