Known Errata
Project 1
- Page 9
-
In the last code block on the page, the keywords
left top
should actually readtop left
. This does not affect the way the rule is handled, but it is inconsistent with the rest of the chapter. - Page 11
-
In the second code block on the page, the fourth line should read:
<td colspan="2">
The
id="crumbs"
should not appear in the second code block, as it is added in the next code block on the page. - Page 17
-
The first two lines of the second code block on the page should read:
<td id="content"> <h1>Ragged Point Inn</h1>
The markup in the project files is correct.
- Page 18
-
The sentence immediately following the first code block should read: "We still have to re-create the thick line underneath the text."
- Page 28
-
The blue declaration in the first code block should be red. The line was printed using the wrong color.
- Page 31
-
In the first "Branching Out" exercise, the word "yelement" should actually be "element."
Project 2
- Page 36
-
The aside on this page should begin with "The property
text-align
can be used to center..." The printed text is somewhat misleading. - Page 44
-
In the first code block in the section "The Top of the Page," the selector in the declaration
border: 1px solid black;
should be in red. It's a change from the earlierborder-bottom: 1px solid black;
on page 43. Thus the whole code block should read:div.release {font-variant: small-caps; text-align: center; margin-right: 10px; padding: 0.125em 0; border: 1px solid black; border-width: 1px 0;}
- Page 45
-
The sentence "Let's reflect this by changing the color of the right border to echo the text color." should be stricken, or at least moved to precede the first code block on the page.
Project 3
- Page 60
-
The last sentence of the second paragraph in the section "Creating the Grid" should read: "Therefore, inside the table, the borders between cells add up to be 2 pixels thick, whereas the ones along the outside are only 1 pixel thick."
- Page 71
-
In the two code blocks on this page, the rule for
div.date
appears prematurely. Thediv.date
rule is first introduced on the next page, in the section "Cornering Our Dates." The two code blocks on page 71 should have read:div.event {margin: 0.5em;} div.event span {display: block;} </style> div.event span {display: block;} span.time {font-weight: bold;} span.loc {color: #555; font-style: italic;} </style>
- Page 73
-
Figure 3.18 is incorrect when compared to the code in project file
ch0318.html
. The dates in the Saturday column should look the same as those in the Sunday column, instead of maintaining the white boxes around the numbers. This was due to a typographical error in the project file code that has since been corrected. - Page 74
-
The comment
/* changed the color from #AAB" to "gray" */
should read/* changed the color from #BBB" to "gray" */
.
Project 4
- Page 81
-
The first code block on the page should read:
<table cellspacing="0" id="inform"> <tr> <td id="navbuttons"> <a href="sun.html"><img src="sun.gif" id="sun"></a> <a href="gas.html"><img src="gas.gif" id="gas"></a> <a href="atom.html"><img src="atom.gif" id="atom"></a> </td> <td id="main">
- Page 87
-
In the first code block on the page, the first rule should read:
td#navbuttons a:active img {border-color: #FC0; border-style: inset;}
Project 5
- Page 98
-
The declaration
margin: 0.66em;
should not appear in this code block, since it is not mentioned in the text until just before Figure 5.2 on the next page. - Page 106
-
In the sidebar note "The Border Remains the Same," the text contains an inappropriate underscore character. The first example selector should read
td#sidelinks a#comment
. - Page 115
-
The sentence after the first block of code in the aside should read, "In the
head
of pages that are part of the CSS section of the site, you'd include alink
element like this:"
Project 6
- Page 122
-
In the code block near the bottom of the page, the line
td.leftside div, td.rightside div {display: none;}
should be in red to indicate it is new.
Project 7
- Page 158
-
The declaration
vertical-align: top;
should be stricken from thetd.lbl
rule at the top of the page. - Page 159
-
The code block just before Figure 7.15 should read:
div#submitArea {display: none;} div#mailArea p:first-line {font-weight: bold;} </style>
The markup in the project files is correct, as are other code blocks in the project.
Project 8
- Page 169
-
The last line of the last code block on the page should read:
div#sentiment {position: absolute; top: 0; right: 0; text-align: right;}
In print, the
right
is incorrectly given asleft
. The error appears only in this code block, and subsequent code blocks have the correct property name. - Page 171
-
In the middle of the first paragraph, the sentence "These two properties (along with
bottom
andright
) define offsets from the edges of the containing block." should read "These two properties (along withbottom
andleft
) define offsets from the edges of the containing block." - Page 177
-
In the
div#signature
rule, the declarationpadding: 10px;
should bepadding: 0.25em;
.
Project 9
- Page 201
-
In the last code block on the page, the keyword
20%
should not be red, since it did not change.
Project 10
- Page 215
-
In the second code block on the page,
text-align: justify
should not appear. It is first introduced on page 232. - Page 231
- The first code block on the page should read:
div#p1end {text-align: right; margin: 0; padding: 0; clear: both; background: #FDF url(p1botleft.gif) bottom left no-repeat;}
Project 11
- Page 239
-
The second line of the first code block on the page should read:
<title>Pretentious Web Studios</title>
- Page 243
-
The first code block on the page is missing a close-bracket. The last two lines of the code block should read:
margin: 0; padding: 0.125em 0.25em;} </style>
The error does not appear in the project files.
- Page 243
-
The last code block on the page has an extra and incorrect close-bracket at the end of the second-to-last line. The last two lines of the code block should read:
font-style: italic; letter-spacing: 0.25em; font-size: 200%; line-height: 1.25em;}
The error does not appear in the project files.
- Page 243
-
The inherited
line-height
value is1.5
, not1.4
. - Pages 248 - 250
-
In the code blocks on all three pages, the declaration
top: 12em;
should betop: 11em;
. - Page 251
-
There is an incorrect value of
23px
in the first code block. The first three lines of the code block should read:a#rp {position: absolute; z-index: 5; top: 10em; right: 10px; border-width: 0;}
The error does not appear in the project files.
- Page 252
-
The
div#menu
rule should read:div#menu {position: absolute; z-index: 7; width: 7em; top: 200px; right: 0;}