Eric Meyer

on CSS

cover image
Available now!

Known Errata

Project 1

Page 9

In the last code block on the page, the keywords left top should actually read top 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 earlier border-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. The div.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 a link 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 the td.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 as left. 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 and right) define offsets from the edges of the containing block." should read "These two properties (along with bottom and left) define offsets from the edges of the containing block."

Page 177

In the div#signature rule, the declaration padding: 10px; should be padding: 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 is 1.5, not 1.4.

Pages 248 - 250

In the code blocks on all three pages, the declaration top: 12em; should be top: 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;}