: important language/formatting problem
(page-number): language change or minor formatting problem
?page-number?: reader question or request for clarification
This page was updated April 7, 2008.
UNCONFIRMED errors and comments from readers:
{1} a example file on the Head First Labs is incorrect;
The following example file:
HF_HTML_CSS_Code-win\HF_HTML_CSS_Code-win\chapter6\lounge\lounge.html
Contains the following HTML code:
which should be simply (without the elements):
so it's concordant with the validation process described in the chapter 6.
{31} Image - Starbuzz Coffee Beverages;
The following CSS formatting:
border: 1px dotted gray
Does not appear as shown when using MS-IE 7.0 It is located outside of the page margins and
borders the entire body. It appears correctly when using Firefox.
(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.
{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?
{182} 2nd column. Under the first "A:" section. ;
Head First HTML with CSS & XHTML (2006)
Page 182. 2nd column. Under the first "A:" section.
72 pixels x 3 inches = 216
The book says 72 and thinks 82, ending up with 246.
{215} Crossword puzzle: line 10 across ;
it's not the web server that retrieves the images;
10 across should read: "most web BROWSERS retrieve images this way"
(234, etc.) W3C web page screenshot ;
The W3C web page has changed and your pic is out of date.
{235} The whole thing, sort of...;
The text at the top of the page says, "We're going to use option (3)..." and goes on
to explain how that will be done, inviting us to "keep following along."
However, the screen image and the text at the bottom of the page are all about using
option (or as it's now called, "method") (2) for validating the HTML.
[238] Entire page;
The Lounge.html was validated without the meta tag for content type. Maybe this is a problem
with the validator, but it is confusing to me as your text is not matching the real world.
{257} On the diagram:
- It's got an extra box -- remove "Activity E". There should be one
arrow going from the "Activity D" box to the "Finish" box.
- The upper right annotation should point to that arrow. Its first
sentence should be changed to: "The other path has a duration of 2 +
7 = 9."
- The lower right annotation should point to the "Activity D" box. It
should start with "That means the early start and early finish for D
is really early --"
Am I missing something here, because after applying the above points
to the diagram on page 257, the annotations do not make sense to me.
For example, if we remove Activity E, then the path will be:
Start -> Activity D -> Finish = 2
It says that Activity D should point directly to finish, so then how
can we get 2 + 7 = 9 as the errata annotation above indicates?
{323, 339} In the exercise first line of the instructions;
It says to open "lounge.html" and change the greentea paragraph, when I'm almost positive it
should be the elixir.html file.
[taken from the Forum: http://www.headfirstlabs.com/phpBB2/viewtopic.php?t=1426 ]
(330) description of margin;
On this page, for the description of the property "margin," it is written that margin is "the
space between the edge of an element and it's content." This is incorrect, "margin" is the
whitespace around the outside of an element, while "padding" is the space between the edge of an
element and its content.
{369} Secon-to-last paragraph ("Okay, here...");
"computer scientists decided they could represent all 255 values..." should read,
"computer scientists decided they could represent all 256 values..." since there are
256 values in the range of numbers 0 through 255.
{430, etc.} Misc.;
Pages 430, 439, 448, 450, 455. 457, 488, 497, & 545 all show the martini glass
background graphic centered within the Weekly Elixir Specials column. In practice,
the image actually begins at the upper-left and tiles from there. Strangely, it is
shown correctly on page 456.
[447] last paragraph;
Wrong lines :
background-image : url(images/cocktail.gif);
background-repeat: repeat-x;
Should be replaced with :
background: url(images/cocktail.gif) repeat-x top;
so that the result is the same with this one at page 448
(486) First line in Sharpen your pencil: Solution;
the way it is now: Try your hand at calculating these the specificity of these selectors....
The way it should read: Try your hand at calculating the specificity of these selectors...
{496} bottom diagram;
In the bottom diagram the inline elements of the first are shown as:
They should be:
(498) Exercise;
The "Exercise" begins "Move the elixirs back to its original place below the music
recommendations..."
The original position of the the elixirs
was *above* the music recommendations.
{508} entire page;
The settings meant to create a gutter between columns does not actually create that
gutter. The right margin of 'main' must actually be set to *more* than 300px.
[508] CSS Coding;
The CSS coding currently reads:
#main {
background: #efe5d0 url(images/background.gif) top left;
font-size: 105%;
padding: 15px;
margin: 10px;
margin: 0px 330px 10px 10px;
}
It appears that the first margin entry {margin: 10px;} has no effect on the program,
and should probably not be included.
Also, to get the wanted effect of there being a 'gutter' between the columns, the
right margin needs to be set to a value greater than 330. I was able to get the
desired effect with a value of 340.
(508) top (code);
The design triggers two bugs in Internet Explorer, version 6. The left margin on the float is
doubled; and the header image, being larger than available space, pushes the container wider
than specified.
These additions to the CSS fix the problem without upsetting other browsers:
#header {overflow: hidden; width: 780px;} /* make IE contain the image */
#main {display: inline;} /* fix IE's doubled margin */
[536]
;
The file "freecoffee.html", referenced by the
element, is not present in the Starbuzz
folder.
{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"
(544) top;
The "Be the Browser" solution (on page 544, original exercise on p 490) shows both
elements at the bottom of the page. But, at the end of chapter 11, as part of
the "Super Brain Power" exercise, the "elixirs"
was moved to the top of the
page, just under the
containing the Head First Lounge logo. So, the correct
order in the solution should actually be:
(570) "Who Does What?" exercise;
The exercise consists of the XHTML for two rows of a table, plus an image of the corresponding
table, with all the data filled in. The purpose of the exercise is ostensibly to cement the
reader's understanding of how the "rowspan" attribute functions. The instructions direct you to
"draw an arrow from each
element to its corresponding cell in the table" All this requires
the reader to do is look at the content of each | element, i.e., "August 9th", and match it
with the box that also says "August 9th". Not only is this an exercise so simple that your
average 2nd grader should be able to complete it with no difficulty, it also does nothing to
help with the understanding of the "rowspan" attribute , since the exercise can easily be solved
without paying any attention to the usage of "rowspan", or any of the other XHTML.
A better exercise would have the same section of code, but a blank table, with instructions to
enter the data into correct location in the table.
(580-582)
In chapter 13, on pages on pages 580 and 582 there is reference to a
property that affects how text in lists wraps. On p.580, There Are No
Dumb Questions no.2, calls it "list-style-position". Question no.3
calls it "line-style-position" and on p.582, the XHTMLcross clue Down
8 asks about "list-item-position". In context, these all seem to be
talking about the same property, so what is it? I'm pretty sure that
it is "list-style-position", but I'm not positive.
At the start of Chapter 13 the book starts off with tables saying,
"We've started the table and already entered the headings and the
first two rows of the table into an XHTML file called "table.html" in
the "chapter13/journal/" folder. However, the only html files in
"chapter13/journal/" is "journal.html." Did anyone find "table.html?"
I now realize I have to create the table.
Back to top
I just finished the same chapter, and noticed the same thing. I think
it is an error in the book. p.552 clearly states that they have
already put this XHTML in a file for you, but then the Exercise on p.
553 tells you to type it in yourself.
{605} Highlighted text that I am supposed to type in.;
The line:
form action="http://www.starbuzzcoffee.com/processorder.php" method="POST">
does not pass strict validation. The capitalized "POST" must be changed to "post"
{615}
The "ship to:" paragraph inside the form.;
There is no closing tag at the end of the "ship to:" paragraph.
{619} "Choose your Mini Cooper" page window.;
The "Submit" button should read "Order Now" because it has a value assigned in the HTML code.
{633}
Multiple selection code and display examples;
The code shows one value but it displays another for 3 of the listed items, i.e., the code
lists:
Penny (value="Penny Priddy", should be value="Penny")
Jersey (value="New Jersey", should be value="Jersey")
John (value="John Parker", should be value="John")
and it displays five 2-named items in the multiple selection option list:
Buckaroo Banzai
Perfect Tommy
Penny Priddy
New Jersey
John Parker
|