Errata for CSS3: The Missing Manual
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 |
| PDF |
Page 7
last two lines |
Sublime Text is also available for Linux and Windows.
Note from the Author or Editor:
Change last two line to:
Submline Tex (Mac, Windows, Linux; www.sublimtext.com) is a relatively new text editor. It's beloved by many web coders. |
Przemysław Dąbek |
Dec 28, 2012 |
Jan 11, 2013 |
| PDF |
Page 47
CSS code in 8. |
In book is:
margin-left: 80px;
In code samples is:
margin-left: 60px;
For consistency it should be: margin-left: 60px;
On page 53 referenced value for paragraph styling is 60 pixels:
"For example, you might change its color, and indent it 60 pixels to match the indent of the <p> tags."
Note from the Author or Editor:
in code on page 47 change margin-left: 80px; to margin-left: 60px; |
Przemysław Dąbek |
Dec 28, 2012 |
Jan 11, 2013 |
| Safari Books Online |
48
Attribute Selectors |
I have reached the Chapter 9 tutorials, and nowhere in your book up to that point does it mention that attribute selectors are case-sensitive. So, for example, the following style will place use an Acrobat logo as the background image of a link to a file whose name ends in ".pdf", but will not do so for the following file extensions: .pdF .pDf, .pDF, .Pdf, .PdF, .PDf, and .PDF:
.resources a[href$='.pdf'] {
background: url(images/acrobat.png) no-repeat right top;
}
I purposely capitalized the file extension in the Acrobat file link, and the background image did not appear, leading me to suppose that Attribute Selectors are case sensitive. Could you please state that definitively?
Note from the Author or Editor:
Thanks for asking this question. I've never really considered it, but having tested your example, I've found that you're right. While the attribute selector is NOT case-sensitive for attribute names (for example a[HREF] is the same as a[href] and a[HrEf], it is case sensitive for the attribute value, including file names. Unfortunately, there's no way to turn this off, so if you absolutely have to account for all the possible variants of .pdf, you need to create a long-winded group selector like this:
a[href$='.pdf'], a[href$='.Pdf'], a[href$='.pDf'], a[href$='.pdF'], a[href$='.PDf'], a[href$='.PdF'], a[href$='.pDF'], a[href$='.PDF'] {
}
Another good reason to make all file names lower case. |
Joseph Davoli |
Jan 31, 2013 |
|
| Printed |
Page 49,52
Omission |
The downloaded files do not have any images in the 02 folder, although there are images in the 02 "finished folder". This seriously messes with you if you are previewing these steps in the browser.
I thought I was going crazy when I could not see any background color after I added the styles in step #2 on page 49, but chalked it up to differences in my screen. When I added the style in step # 17 on page 52, I figured I had made an error in the code somewhere because no bullet images showed up next to the headlines either, but I finally realized that there were no images to link to.
Note from the Author or Editor:
We're uploading new tutorial files, so this problem should be fixed soon. |
Virginia Bicket |
Jan 21, 2013 |
|
| ePub |
Page 53
Image 1-2 |
"This is an Adobe Illustrator file that was saved without PDF content. To place... "
Link
http://twitter.com/solencio/status/293902380976730113/photo/1
|
solencio |
Jan 22, 2013 |
|
| Printed |
Page 59
4th paragraph, directly below the NOTE |
The sentence: "For example, to highlight just one word in a paragraph using the .special style you could write this: <p>Welcome to <span class="company name">Cafe Soylent Green</span>, the restaurant with something a little different.</p> ..............doesn't make sense to me or am I missing something? Where is the .special style applied in that sentence? Thanks.
Note from the Author or Editor:
the code
"<p>Welcome to <span class="companyName">Café Soylent Green</span>, the restaurant with something a little different.</p>"
should read
"<p>Welcome to <span class="special">Café Soylent Green</span>, the restaurant with something a little different.</p>" |
John Rotella |
Jan 17, 2013 |
|
| ePub |
Page 69
Number 20 in "Creating an External Style Sheet" figure 2-4 |
SMALL TYPO
Step #20 "Creating an External Style Sheet" in Chapter 2 says figure 2-4 shows another_page.html.
I believe Figure 2-4 actually shows basic.html.
Note from the Author or Editor:
In step 20,
"Figure 2-4 shows the completed another_page.html file."
should be
"Figure 2-4 shows the completed basic.html file." |
Lauren Kate |
Jan 19, 2013 |
|
| Printed |
Page 71
Section on ::selection |
After saying that one cannot do much with ::selection, the text thanks CSS for making sure that we "can go wild". In the context, this should probably be "can't go wild".
Note from the Author or Editor:
change
"you can go wild"
to
"you can't go wild" |
pydsigner |
Jan 15, 2013 |
|
| Printed |
Page 75
bottom paragraph, second line |
Reads as : there's only on <h1> tag...
Should be
there's only one <h1> tag
|
Anonymous |
Jan 21, 2013 |
|
| Printed |
Page 80
Second paragraph (first paragraph under heading) |
Reads as
...For example, you can use apply a class to a paragraph...
Should be :
For example, you can apply a class to a paragraph
OR
For example, you can use a class with a paragraph
Note from the Author or Editor:
change
"you can use apply a class" to
"you can use it to apply a class" |
Anonymous |
Jan 21, 2013 |
|
| Printed |
Page 82
HTML snippet in step 2 |
The first two lines need to be indented and the last line dedented. As is, the segment looks especially confusing since the opening part of the head tag is not included.
Note from the Author or Editor:
last two lines of code
</style>
</head>
should not be indented. |
pydsigner |
Feb 01, 2013 |
|
| Printed |
Page 110
paragraph after 2 lines of code |
Paragraph should read:
In this case, the link would be blue. Since p .email appears afters .byline a in the style sheet, its properties win out.
|
David Sawyer McFarland
 |
Jan 07, 2013 |
Jan 11, 2013 |
| PDF |
Page 114
code at the bottom of the page |
Is:
<div id="article">
Should be:
<div class="article">
In the sentence above this code: "you simply replace all IDs with classes"
|
Przemysław Dąbek |
Dec 29, 2012 |
Jan 11, 2013 |
| PDF |
Page 114
3rd paragraph, starting with "You decide" |
"You decide that you want to colors the paragraphs"
Should read: "You decide that you want to color the paragraphs"
Note from the Author or Editor:
"you want to colors"
should be
"you want to color" |
Anonymous |
Jan 23, 2013 |
|
| PDF |
Page 140
2nd paragraph |
"Most browsers will artificially bold a web font when a
submibold version is required. "
submibold? What does it mean?
Note from the Author or Editor:
"Most browsers will artificially bold a web font when a submibold version is required. "
should be:
"Most browsers will artificially bold a web font when a bold version is required. " |
Anonymous |
Dec 30, 2012 |
Jan 11, 2013 |
| PDF, ePub |
Page 183
5. .main 2 { |
the following line is missing:
color: rgb(37,76,143);
Note from the Author or Editor:
code for step 5 should be:
.main h2 {
font: bold 3.5em "Hoefler Text", Garamond, Times, serif;
color: rgb(37,76,143);
border-bottom: 1px solid rgb(200,200,200);
margin-top: 25px;
} |
Gert |
Feb 06, 2013 |
|
| PDF |
Page 188
Instruction Step 3 |
..main should be .main
Note from the Author or Editor:
first line of code for step 3 should be
.main .byline strong
(remove extra space in ..main) |
slc-epb |
Jan 30, 2013 |
|
| Printed |
Page 209
Up To Speed blurb |
The world "manufactures" should be changed to "manufacturers".
Note from the Author or Editor:
2nd paragraph of up to speed box, first sentence should end in
"browser manufacturers move cautiously." |
pydsigner |
Jan 15, 2013 |
|
| Printed |
Page 217
Note blurb |
Shouldn't the "and older" be "and newer"?
Note from the Author or Editor:
change
"in Internet Explorer 8 and older"
to
"in Internet Explorer 8 and newer" |
pydsigner |
Jan 15, 2013 |
|
| PDF |
Page 228
point 6 |
Line: " box-shadow: 0 0 15px 5px rgba(44,82,100,.75); " should be in bold. Other lines were added earlier.
Note from the Author or Editor:
Make line 4 of the code bold:
box-shadow: 0 0 15px 5px rgba(44,82,100,.75);
ALL OTHER LINES ARE NOT BOLD |
Anonymous |
Dec 31, 2012 |
Jan 11, 2013 |
| Printed |
Page 257
Note blurb |
"which requires the usually semicolon necessary"? This looks like it should be "usual".
Note from the Author or Editor:
change
"the usually semicolon"
to
"the usual semicolon" |
pydsigner |
Jan 15, 2013 |
|
| PDF |
Page 261
figure 8-14 |
Figure 8-14 should have value 0deg (360deg) at left side of square instead of 315deg.
|
Anonymous |
Dec 31, 2012 |
Jan 11, 2013 |
| Printed |
Page 261
Figure 8-14 |
The angles on the left side of the square read, from top to bottom:
315deg
315deg
45deg
This looks like it should be
315deg
0deg
45deg
Note from the Author or Editor:
change 315deg (on the middle left side of figure) to 0deg |
pydsigner |
Feb 01, 2013 |
|
| Printed |
Page 275
9. point |
Page 275
Point 9
is: After the <img> tag
should be: Before the <img> tag
Point 10
is: delete the .figure style
should be delete the img.figure style
Note from the Author or Editor:
Step 9: the first <figure> should not be bolded. Only text you add is bolded (the opening <figure> tag is added in step 8).
Step 10:
"delete the .figure style" should read
"delete the img.figure style" |
Peter Szalc |
Jan 22, 2013 |
|
| Printed |
Page 330
Code for step 6 |
Part of the selector reads, ".expert .experLink", whereas it should clearly read ".expert .expertLink".
Note from the Author or Editor:
change
.expert .experLink
to
.expert .expertLink
(there's a t in expertLink) |
pydsigner |
Jan 15, 2013 |
|
| Printed |
Page 353
second paragraph, second sentence |
second sentence should read
"To use it, simply list the property, duration, timing function and delay in a space-sparated list."
change second instance of "duration" to "delay"
|
David Sawyer McFarland
|
Feb 06, 2013 |
|
| Printed |
Page 380
Note blurb at top of page |
"and create descendent selector like .stocks td or stocks th to uniquely format individual cells."
should be
"and create descendent selector like .stocks td or .stocks th to uniquely format individual cells."
That is, the class dot is missing from before the second "stocks".
Note from the Author or Editor:
change
stocks th
to
.stocks th
(add period before "stocks th") |
pydsigner |
Feb 01, 2013 |
|
| Printed |
Page 428
fourth line |
is: In Figure 13-9
should be: In Figure 13-8
|
Peter Szalc |
Jan 28, 2013 |
|
| Printed |
Page 447
3rd para |
Book shows 2 curly braces after -moz-box-sizing style - There should only be one closing curly brace
Note from the Author or Editor:
last line of code for step 2 on page 447 should have only one } not two |
Gary Collyer |
Jan 24, 2013 |
|
| Printed |
Page 474
last paragraph (4.) 2nd line |
books says 'before the <!-- main content goes here --> but this should read before the <!-- first sidebar goes here -->
|
Gary Collyer |
Jan 25, 2013 |
|
|
