Errata

Head First HTML with CSS & XHTML

Errata for Head First HTML with CSS & XHTML

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 viii
Eric's profile

Under Eric's information the last full paragraph has a sentence that reads "When he's not writing text or code you'll find him spending more time tweaking than watching his home theater and trying to restoring a circa 1980s Dragon's Lair video game."

It should read "restore" not "restoring."

Anonymous  Sep 09, 2009  May 20, 2011
Printed
Page xix
1st paragraph

"We're going put" should be "We're going to put"

Anonymous    Oct 01, 2007
Printed
Page xx
Weekly Elixir Specials image

In the description of Chai Chiller, "mateé" should be "mat?" (an
"e" with an acute accent)

Anonymous    Oct 01, 2007
Printed
Page xxxii
3rd paragraph down under We begin... heading

complaint HTML or XTHML should be compliant

Anonymous    Oct 01, 2007
Printed
Page xxix
6th paragraph (The faster way is to do anything...)

At the end of the third phrase on the 6th paragraph:
"For example, studies show .... causes your brain to try to makes sense
of ...."

Should be:
"For example, studies show .... causes your brain to try to make sense
of ...."

Anonymous    Oct 01, 2007
Printed
Page 1
a example file on the Head First Labs is incorrect

The following example file:

HF_HTML_CSS_Code-winHF_HTML_CSS_Code-winchapter6loungelounge.html

Contains the following HTML code:

<p>
<DEFANGED_IMG src="images/drinks.gif">
</p>

which should be simply (without the <p> elements):

<DEFANGED_IMG src="images/drinks.gif">

so it's concordant with the validation process described in the chapter 6.

Anonymous   
Printed
Page 19

Potentially add some info about how to find the File > Open menu in IE - some people have this menu hidden and have trouble finding it.

Note from the Author or Editor:
Good idea

Elisabeth Robson
Elisabeth Robson
 
Jun 01, 2009 
Printed
Page 32, 42
In "WHO DOES WHAT?"

It should be "gray" instead of "grey" in
"border: 1px dotted grey;"

Anonymous    Oct 01, 2007
Printed
Page 35
Top of page

"HTML" & "CSS" Fireside Chat column headings are missing on page 35.

Anonymous    Oct 01, 2007
Printed
Page 36

Bullet Points, 7th bullet left column;
The sentence is: "Opening tags can have attributes. We've seen a couple: type and align".
However, the "align" attribute can be found nowhere in the previous pages.

Anonymous    May 20, 2011
Printed
Page 36
Last bullet points, left column

"Opening tags can have attributes. We've seen a couple: type and align."

Should read: 'Opening tags can have attributes. We've seen type."

My book contained no uses of "align" prior to page 36.

Perhaps it use was intended to center the mission text, and that never got done???

Note from the Author or Editor:
Confirmed. Change to "We've seen one already: type".

Anonymous  Sep 02, 2008  Jul 01, 2009
Printed
Page 37, 42
crossword puzzle

6 Down should have 9 spaces, not 8 (it's "50sKitsch," not "50sKitch").

Anonymous    Jan 01, 2009
Printed
Page 44
2nd (smaller, "directions") html page

Continue on Stucture Ave S - go 0.2 mi
should be:
Continue on Structure Ave S - go 0.2 mi

Anonymous    Jan 01, 2009
Printed
Page 50
second graphic (html/browser rendition of "dirctions.html")

Continue on Stucture Ave S - go 0.2 mi
should be:
Continue on Structure Ave S - go 0.2 m

Anonymous    Jan 01, 2009
Printed
Page 60
Bottom diagram

In the diagram, "elixirs.html" should read "elixir.html"

Anonymous    Oct 01, 2007
Printed
Page 72
crossword clues

The clue for 8 Down should read, "The 'HT' in HTML," (not "The 'H' in HTML")

Anonymous    Jan 01, 2009
Printed
Page 107
1st paragraph

The 2nd sentence in the 1st paragraph reads: "You'll find it in his July 14th entry."

The sentence should read: "You'll find it in his June 2nd entry."

Anonymous    Oct 01, 2007
Printed
Page 115
Q&A at the top of the page, first "A", third sentence.

The sentence reads, "So, while you can probably count on the basic
entities from the
www.w3schools.com to be available..." It should read "...from the
www.w3schools.com
*page* to be available..."

Anonymous    Oct 01, 2007
Printed
Page 117
Second column, 7th bullet down

The bullet item mentions using the 'start attribute' to 'specify your own ordering in an ordered
list', as well as the 'value attribute' to 'change the values of the individual items'.

However, it appears this was not covered in the chapter (I've searched a couple times, can't
find it).

Admittedly, I'm using the 2005 first edition, but I haven't been able to find a correction
reference in the forums, or errata.

Is this corrected in the 07 edition? Can you tell me where I can learn about the Start and Value
attributes?

Note from the Author or Editor:
this an error, i don't think we talk about start.

Anonymous   
Printed
Page 117
third to last Bullet Point

In Bullet points you have ?You can specify your own ordering in an ordered list with the start attribute?. This is the first time you have mentioned this but all of the other Bullet Points here and in the other two chapters so far are all recap, so we aren?t expecting something new here.

Also, your definition of what the start attribute does seems to be wrong. Start is an attribute of <ol>, not <li>, so you can?t specify your own ordering with start (as in the order of the various <li> elements) but rather you can choose what you want the first # in the new <ol> to be, so you can continue the numbering from a previous list

Chris Steck  Mar 09, 2011 
Printed
Page 127
One minute hosting guide, 2nd line.

Change "getting an hosting company"
to "getting a hosting company".

Anonymous    Oct 01, 2007
Printed
Page 128
"There are a couple of reasons ..." paragraph, lines 2-3.

Change "you're going need your own domain name"
to "you're going to need your own domain name"

Anonymous    Oct 01, 2007
Printed
Page 128
Last paragraph of the page

As with finding an hosting...

should be

As with finding a hosting...

Anonymous    Oct 01, 2007
166
2nd paragraph

The 2nd (& last) sentence of the 2nd paragraph is incomplete. It seems to end in mid thought.

It looks like the text was cut off in the layout.

Anonymous  Nov 18, 2008  Jan 01, 2009
Printed
Page 213
myPod logos and 2nd q in second column of No Dumb Questions

In No Dumb Questions you show two vers of the myPod logo to explain softening/anti-aliasing, but it?s not the same logo. (there?s no clickwheel image for the ?o?). You then refer to that clickwheel circle (which isn?t there) in the question ? Does this technique just work for text?"

Note from the Author or Editor:
Update examples in NDQ to include click wheel?

Chris Steck  Mar 09, 2011 
Printed
Page 213
second to last Q in NDQ

In No Dumb Questions you ask "Why can?t I just make the logo background color solid and match the page??. You miss an opportunity to explain that setting a matte on a jpeg logo instead of a gif does just that.

Note from the Author or Editor:
possibly. don't want to add too much detail.

Chris Steck  Mar 09, 2011 
Printed
Page 230
NDQ

Update needed: You say ?It?s likely there won?t be an HTML 5?.?

Note from the Author or Editor:
Update for 2nd ed

Chris Steck  Mar 09, 2011 
Printed
Page 234, etc.
W3C web page screenshot

The W3C web page has changed and your pic is out of date.

Note from the Author or Editor:
Yup, we'll be updating this soon.

Anonymous   
Printed
Page 246-247
Problem is with HFLabs downloaded code

Your html on the page doesn?t match the Ch6 lounge.html file (as of March 9, 2011)
The downloaded lounge.html file already has <p> tags around <img> so the W3C Validator doesn't throw any errors after changing to Strict DTD, so pg 247 is totally lost on the reader.

Note from the Author or Editor:
we assume the reader is typing it in. But we can make it more clear somehow.

Chris Steck  Mar 09, 2011 
Printed
Page 251
anywhere

When you have us validate elixir and directions.html, you may want to mention that it?s best to go back to the home page of the Validator instead of reuploading and hitting revalidate. My elixir.html file was causing the validator site to fail when I uploaded and rechecked using the results page from lounge.html, but when I went back to validator home, it passed.

Chris Steck  Mar 09, 2011 
Printed
Page 266
Frank's first line

Frank says "There?s not going to be an HTML 5??

Needs updating in new ver

Note from the Author or Editor:
Definitely will be updated for 2nd ed to HTML5

Chris Steck  Mar 09, 2011 
Printed
Page 272
Next-to-last paragraph, 2nd line.

Change "...is going to be a fast for you."
to "...is going to be fast for you."

Anonymous    Oct 01, 2007
Printed
Page 272
Sixth item in "The XHTML 1.0 checklist"

The sentence, "All attribute values must be surrounded by double quotes
and must have
values." It sounds like you're saying that, in addition to being
surrounded by double
quotes, "All attribute values must have values." A bit tautalogical, eh?
It should read something like, "All attributes must have values, and
those values
must be surrounded by double quotes."

Anonymous    Oct 01, 2007
Printed
Page 315
No Dumb Q's, last answer


You may want to emphasize here also that you can really screw up your code by forgetting to close your comments, and it's very difficult to find the error unless you have an editor that color codes comments

Note from the Author or Editor:
Good suggestion

Chris Steck  Mar 09, 2011 
Printed
Page 323
First line of Exercise regarding classes

I'm just confirming that the file that we are instructed to open to do this exercise (lounge.html) is incorrect, and that it should have been printed with "elixir.html". Someone else has already submitted this error, but I'm confirming that lounge.html does not include any info regarding class details as we were instructed to change.

Thanks.

Note from the Author or Editor:
Confirmed. lounge.html should be changed to elixir.html


Anonymous  May 25, 2008  Jul 01, 2009
Printed
Page 329
callout arrow

says "there's no green badge of success when you pass validation like there is when you validate XHTML..."

But now there is.

Also, the latest validator doesn't show the warnings in your screenshot

Note from the Author or Editor:
Need to update screenshots for 2nd ed.

Chris Steck  Mar 09, 2011 
Printed
Page 379
Next to last Bullet Point on Right

"Hex codes have 6 digits, and each digit can be from 0-F."

I believe they mean that Hex codes can have 16 digits.

Note from the Author or Editor:
no actually here we're talking about css colors, which have 6. But it's not clear.

Anonymous  Nov 23, 2009 
Printed
Page 386
Last phrase on "The lounge gets an upgrade" paragraph

"On the next page .... that we're going create by the end...."

should be

"On the next page .... that we're going to create by the end...."

Anonymous    Oct 01, 2007
Printed
Page 386
"What's playing at the Lounge" section of the sample page

Le Roi..., *Engima* should be Le Roi..., *Enigma*.

Anonymous    Jan 01, 2009
Printed
Page 388
Bullet 1

There is no block quote in the sample html page (the text says there is)

Anonymous    Oct 01, 2007
Printed
Page 404
2nd paragraph

The "chapter10/lounge/images" folder with the file "background.gif" is a
file of a
large quote mark. The star is is the "lounge-work" folder.
[HAS SINCE BEEN FIXED. PLEASE REDOWNLOAD DIRECTORY FROM
http://www.headfirstlabs.com/books/hfhtml/index.php]

Anonymous    Oct 01, 2007
Printed
Page 419
First question

"So why did you make the sector"

should be

"So why did you make the selector"

Anonymous    Oct 01, 2007
Printed
Page 419
Dumb questions: first question

The first question in Dumb Questions reads: "So why did you make the sector #guarantee rather than p#guarantee?

I believe "sector" should actually be "selector".

Best Regards and thanks for some great books. I've got 'em all either hardcopy or safari infomit. I don't think there are any pdf's available yet!

Michael Canfield

Note from the Author or Editor:
Confirmed. sector should be changed to selector

Anonymous  Oct 05, 2008  Jan 01, 2009
Printed
Page 423
Exercise

The exercise directs you to open print.css. A previous errata pointed out that the file did not exist in the download. This was fixed in HFHTML_ch10.zip, but it is not fixed in HFHTML_code.zip.

Anonymous  Sep 19, 2009 
Printed
Page 423
Exercise

The paragraph mentions a file "print/print.css" that does not exist in
the file downloaded from:
http://www.headfirstlabs.com/books/hfhtml/code/HFHTML_ch10.zip
[HAS SINCE BEEN FIXED. PLEASE REDOWNLOAD DIRECTORY FROM
http://www.headfirstlabs.com/books/hfhtml/index.php]

Anonymous    Oct 01, 2007
Printed
Page 425
Crossword clue 4 Across

The clue is incorrectly worded. The intended answer, Georgia, is
specified in the font-family property, not the font-style property. The
correct answer to the clue as currently worded is "italic", which
doesn't fit in the crossword.

Anonymous    Oct 01, 2007
Printed
Page 435
Label in bottom half

"it is also shows" should be "it also shows"

Anonymous    Oct 01, 2007
Printed
Page 446
answer to 3rd "dumb question"

add "the" in front of "container" ("...of the width of the container the element is in...")

Anonymous  Mar 30, 2011  May 20, 2011
Printed
Page 448
screen shot

Screen shot on p448 does not reflect "margin-left: 20px;" given on p447.

Anonymous  Mar 30, 2011 
Printed
Page 456
"What we really want..." paragraph, lines 8-9.

Change "...you can use a just a number instead..."
to "...you can use just a number instead..."

Anonymous    Oct 01, 2007
Printed
Page 465
2nd paragraph

The 2nd paragraph reads:

"Now let's add some style. Add these two rules to the bottom of your
"lounge.html"
file:"

This sentence should read:

"Now let's add some style. Add these two rules to the bottom of your
"lounge.css"
file:"

Anonymous    Oct 01, 2007
Printed
Page 471
#elixirs a:hover "Skippy Sharp annotation", 5th line.

Change "Give it try!"
to "Give it a try!"

Anonymous    Oct 01, 2007
Printed
Page 477
Question in upper right

"readers" should be "reader's"

Anonymous    Oct 01, 2007
Printed
Page 477
Annotation near middle

"figure out how display" should be "figure out how to display"

Anonymous    Oct 01, 2007
Printed
Page 481
Item Number 2

"Move the entire ..... to top the of the file ....."

should be

"Move the entire ..... to the top of the file ....."

Anonymous    Oct 01, 2007
Printed
Page 486
First line in Sharpen your pencil: Solution

"Try your hand at calculating these the specificity of these selectors..."
should read: "Try your hand at calculating the specificity of these selectors.."

Anonymous    Jan 01, 2009
Printed
Page 498
Exercise

The "Exercise" begins "Move the elixirs <div> back to its original place below the music
recommendations..."

The original position of the the elixirs <div> was *above* the music recommendations.

Note from the Author or Editor:
Will be fixed in 2nd ed

Anonymous   
Printed
Page 502
Last two annotations

Annotations point at the wrong sections of code. Second arrow from
bottom should point to "h1" section, and bottom arrow should point to
".slogan" line.

Anonymous    Oct 01, 2007
Printed
Page 536
<div id="coupon">

The file "freecoffee.html", referenced by the <a> element, is not present in the Starbuzz
folder.

Note from the Author or Editor:
We assumed readers would create it ;-) Will be fixed in 2nd ed.

Anonymous   
Printed
Page 539
3rd paragraph

"absolute positioning takes the document completely out of the flow"
should be
"absolute positioning takes the element completely out of the flow"

Note from the Author or Editor:
Will be fixed in 2nd ed.

Anonymous   
Printed
Page 544
top

The "Be the Browser" solution (on page 544, original exercise on p 490) shows both
<div> elements at the bottom of the page. But, at the end of chapter 11, as part of
the "Super Brain Power" exercise, the "elixirs" <div> was moved to the top of the
page, just under the <p> containing the Head First Lounge logo. So, the correct
order in the solution should actually be:
<p>
<div>
<h1>
<p>
<p>
<p>
<p>
<p>
<h2>
<p>
<ul>
<div>

Note from the Author or Editor:
Fixed in 2nd ed

Anonymous   
Printed
Page 544

There is a potential to misunderstand the solution to the Be the Browser on page 544 (exercise on 490).

If you are working with version of lounge.html that you modified in the super brain power on page 481, then you'll find that the div that holds the elixirs is in the wrong place in the solution. It will appear under the first p on the page.

However, if you're working with the version of the lounge.html file you have at the end of chapter 11 without doing the super brain power then this solution is correct.

Note from the Author or Editor:
Make sure it's clear to use the version without doing the super brain power.

Elisabeth Robson  Apr 12, 2010 
Printed
Page 551
Inside table, 4th row, 4th column

Bountiful's Altitude reads "4,.226 ft" rather than "4,226 ft"

Anonymous  Feb 17, 2010  May 20, 2011
Printed
Page 551
table

The table's Temp column contains data with the degree-symbol while the content in the XHTML later on does not; throughout the rest of chapter 13 the degree-symbol appears and disappears.

Note from the Author or Editor:
Fix to not use degree symbol or show how to do it with entity.

Daniel Roy  Feb 17, 2010 
Printed
Page 552
problem with sample Ch 13 file zip

The download for "All of our solutions" does not contain table.html in the Ch 13 zip, but the individual zip file for Ch 13 does.

Note from the Author or Editor:
Need to update code.

Chris Steck  Mar 14, 2011 
Printed
Page 552
head tag in book and in sample code

pg 552 shows

<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />

....

it should be "Content-Type" with starting caps on both words.

This mistake is in table.html file as well and prevents any CSS styling from showing up in table.html either with the style tag, nor a linked css file.

Well, that was an hour of my life. :)


Note from the Author or Editor:
In most browsers this will NOT prevent CSS styling. Can you tell me which browser you're experiencing a problem with? (IE?)

In any case, we'll be removing the DOCTYPE for XHTML in 2nd ed, so this will go away entirely.

Chris Steck  Mar 14, 2011 
Printed
Page 553
title line of browser graphic

The <title> definition in the sample code (including the downloaded sample) defines
the title as "Testing Tony's Table" but the title on the browser graphic is "Testing
Tony's Travels".... one or the other should be changed.

Anonymous    Oct 01, 2007
Printed
Page 569
lower right hand "handwritten" paragraph, beginning "Then in the second

row...";
The handwritten paragraph (emphasis mine):

"Then in the second row we specify just the *rows* we need (date, temp, and a new
rating)."

should be:

"Then in the second row we specify just the *columns* we need (date, temp, and a new
rating)."

Anonymous    Oct 01, 2007
Printed
Page 582
Crossword clue 8 Down

The clue says "list-item-position can be used..."

it should be "list-style-position"

Note from the Author or Editor:
Also, error on page 580 where we say "line"-style-position instead of "list"-style-position

Chris Steck  Mar 14, 2011 
Printed
Page 595

the "form.html" links to "www.headfirstlabs.com/contest.php".
This link seems to be inoperable. One gets the 404 error: "Missing
Document. The server caould not locate the document you requested." This
document's existence is required in order to complete the exercize
assigned in
the book.
[PROBLEM HAS BEEN FIXED. LINK NOW WORKS]

Anonymous    Oct 01, 2007
Printed
Page 598
"text input" box

Handwriting-style comment talks about ending the element with " />", but
the actual "
/>" does not appear in the HTML element shown. As a result, there's an
arrow pointing
at something that isn't there...

Anonymous    Oct 01, 2007
Printed
Page 599
checkbox input box

In the checkbox input box, the example displayed shows capitalized checkbox values (Salt, Pepper, Garlic), while the HTML code have non-capitalized values (value="salt", value="pepper", value="garlic"). These should be one or the other and agree.

Note from the Author or Editor:
Confirmed. The values in the <input...> lines should be updated to show uppercase first letters.


I noticed another errata on page 598; in the text input line, <input type="text" name="fullname", this needs a /> added to the end of this line. NOTE: this has been corrected in the January 2009 printing.

Anonymous  Nov 24, 2008  Jul 01, 2009
Printed
Page 607
Question in upper right

"Didn't you say that the names for each form element needs to be unique?"
doesn't sound right
Change to "Didn't you say that the name for each form element needs to be
unique?"
instead?

Anonymous    Oct 01, 2007
Printed
Page 621
line of code and annotation at top

At the end of the line of code, to adhere to strict XHTML, the method="GET" should be method="get". The annotation pointing to this should therefore be changed to: "Just change the method from "post" to "get"."

Note from the Author or Editor:
Technically this is true, and should probably be changed throughout this chapter on the next edition. (GET/POST appear in multiple places throughout this chapter). I don't think it's worth changing for a print edition, however.

Anonymous  Nov 24, 2008 
Printed
Page 621
highlighted text that we change from POST to GET

post and get have to be lowercase to pass strict validation. Another reader already submitted the POST error on page 594

Chris Steck  Mar 15, 2011 
Printed
Page 626
2nd paragraph

"Also notice that the we've used"
should be
"Also notice that we've used"

Anonymous    Oct 01, 2007
Other Digital Version
630
table rule in CSS

The error is not in the book but in the example code provided in the headfirstlabs.com

The book correctly has no border-color in the table rule.

The example code on the headfirstlabs.com website incorrecly adds a background color to the table.

table {
border: thin dotted #7e7e7e;
padding: 10px;
background-color: #e1ceb8;
}

Note from the Author or Editor:
reconcile code with book code

Anonymous  Apr 23, 2009 
Printed
Page 632
1st paragraph

"but there's a few more elements ..." should be
"but there're (or there are) a few more elements ..."

Anonymous  Nov 19, 2009  May 20, 2011
Printed
Page 633
"Multiple selection" paragraph, 3rd phrase

"Instead of a .... you'll get a the multiple choice..."

should be

"Instead of a .... you'll get a multiple choice..."

Anonymous    Oct 01, 2007