APRESS.COM : Pro CSS Techniques : 9781590597323

By Jeff Croft Ian Lloyd Dan Rubin
ISBN13: 978-1-59059-732-3
ISBN10: 1-59059-732-X
408 pp.
Published Nov 2006
Print Book Price: $39.99
eBook Price: $27.99

My eBook

Errata Submission

If you think that you've found an error in Pro CSS Techniques, please let us know about it. You will find any confirmed erratum below, so you can check if your concern has already been addressed.

Submit Errata

Errata

Issue	Author's Response
Page 188 We have the following style: #related div { background-: url(example2/right.gif no-repeat right bottom; } This CSS is missing a closing bracket after the right.gif and the hypthen after background is incorrect. The whole topic: Creating a Rounded Box That Scales does not seem to work properly either even after correcting the above. (Browser is IE6.)	This is partly right. The CSS should be: #related div { background: url(example2/right.gif no-repeat right bottom; } ... minus the - after background. The rest of it is OK though
Ch. 3, pg. 51-52 First line on page 52 says "First, we set visibility:hidden; for the span..." However on the previous page #sidebar ul a span {...} doesn't contain the visibility:hidden attribute/value.	This is an error and should be corrected in future printings. The entire block of CSS on page 51 should read: #sidebar ul { list-style:none; margin:0 0 12px; padding:0; font-size:11px; } #sidebar ul a { display:block; background:url(../i/icon_bullet_sidebar.gif) no-repeat 12px 7px; padding:3px 0 3px 25px; color:#cb5100; font-weight:bold; text-decoration:none; } #sidebar ul a span { visibility:hidden; font-size:10px; font-style:normal; font-weight:normal; } #sidebar ul a em { display:block; color:#808080; font-size:10px; font-style:normal; font-weight:normal; } #sidebar ul a:hover { background-color:#262626; background-image:url(../i/icon_bullet_sidebar_hover.gif); color:#6cf; border-right:3px solid #221C18; } #sidebar ul a:hover span { visibility:visible;color:#fc3; } #sidebar ul a:hover em { color:#4d4d4d; }
Ch. 4 p. 63 "and" for "any": "...not including and padding..." Ch. 6 p. 106 first sentence (after the code) is garbled: "...which hold the as that create the actual boxes..."	Ch. 4 p. 63 appears to indeed be a typo, thanks for the correction. Ch. 6 p. 106 however is simply a problem with the code formatting and style guide — if you look closely, you can see the different typeface used for the "a" in "as" since it is referring to the "a" element (or "anchor"). Because the Apress inline code style does not use greater than/less than symbols ("<a>") it causes confusion in rare cases like this.

Issue

Author's Response

Page 188
We have the following style:

#related div {
background-: url(example2/right.gif no-repeat right bottom;
}

This CSS is missing a closing bracket after the right.gif and the hypthen after background is incorrect.

The whole topic:
Creating a Rounded Box That Scales does not seem to work properly either even after correcting the above. (Browser is IE6.)

This is partly right. The CSS should be:

#related div {
background: url(example2/right.gif no-repeat right bottom;
}

... minus the - after background. The rest of it is OK though

Ch. 3, pg. 51-52

First line on page 52 says "First, we set visibility:hidden; for the span..."

However on the previous page #sidebar ul a span {...} doesn't contain the visibility:hidden attribute/value.

This is an error and should be corrected in future printings.

The entire block of CSS on page 51 should read:

#sidebar ul {
list-style:none;
margin:0 0 12px;
padding:0;
font-size:11px;
}

#sidebar ul a {
display:block;
background:url(../i/icon_bullet_sidebar.gif) no-repeat 12px 7px;
padding:3px 0 3px 25px;
color:#cb5100;
font-weight:bold;
text-decoration:none;
}
#sidebar ul a span {
visibility:hidden;
font-size:10px;
font-style:normal;
font-weight:normal;
}
#sidebar ul a em {
display:block;
color:#808080;
font-size:10px;
font-style:normal;
font-weight:normal;
}
#sidebar ul a:hover {
background-color:#262626;
background-image:url(../i/icon_bullet_sidebar_hover.gif);
color:#6cf;
border-right:3px solid #221C18;
}
#sidebar ul a:hover span { visibility:visible;color:#fc3; }
#sidebar ul a:hover em { color:#4d4d4d; }

Ch. 4 p. 63 "and" for "any": "...not including and padding..."

Ch. 6 p. 106 first sentence (after the code) is garbled: "...which hold the as that create the actual boxes..."

Ch. 4 p. 63 appears to indeed be a typo, thanks for the correction.

Ch. 6 p. 106 however is simply a problem with the code formatting and style guide — if you look closely, you can see the different typeface used for the "a" in "as" since it is referring to the "a" element (or "anchor"). Because the Apress inline code style does not use greater than/less than symbols ("<a>") it causes confusion in rare cases like this.