Errata aka Ooops!
Inevitably, in a book with this much code and so many graphics, produced by numerous people, including myself, in just a few months, the chance for errors is always there. Here are the ones I have found or know about, and if you find more, please let me know - charles at bbd.com.
Page 13 Code in last line of item 4 should read: <img src="...etc.." Merci, Michel Guillaume.
Page 40 Quoted text in the last paragraph should read: ...but the words "order stated" are not. Thanks to reader Kathryn Jenkins catching for that one.
Page 44 The sentence under the screen shot should read: The words "same class"...etc. Reader Kathryn Jenkins also caught this one.
Page 74 The reference to the file sample_xhtml_markup.htm in the colored box at the top of the page is incorrect - the file you need is sample_xhtml_markup_ch1.htm in the Chapter 1 folder.
Page 80 The third line of code under Fig 3.8 should read h1 {font-size:1em}, not h1 {font-size:.1em} - that would be rather small, I think. Thanks to reader Chris Costabile for catching this. This error, notes reader Ian Campbell, is repeated at the bottom of page 81. One little decimal point can ruin your whole day...
Page 81 The first line of the second paragraph should read "...by the fact that the ul element is set to...". This error (ol instead of ul)is also repeated in the fourth line of code on page 82 - thanks, reader Ian Campbell.
Page 83 First paragraph, last sentence has two missing words: it should read - ‘Lets take a look at the font properties now’ - thanks again to reader Ian Campbell.
Page 89 The code for the paragraph in Figure 3.17 is missing a minus sign on the text-indent value. The correct code is:
p {text-indent: -1.5em; margin-left: 2em; border: 1px solid red;}
A tip o' the hat to reader Daniel Stahl in Charlotteville, VA for catching that one.
Page 101 The Box Model diagram on this page is incorrectly drawn - the border should be around the padding area, and all the black lines should end at the corners of the border. Here's the original version I submitted to the publisher (but hey, I'm not bitter ; ). You can download a printable version of this Box Model diagram in .png format. Note that Fig 4.2 is also a correct represtation of the Box Model.
Page 107 The last red comment box on this page should read: "When only two margin values are stated, the first defines top and bottom, the second left and right"
Page 112 The last sentence of the third paragraph should read: "I have added the class specialpara to the third paragraph in the markup..."
Page 145 Each of the margin comments next to the orange code at the bottom of the page are incorrectly positioned; each on should be against the next one down (against lines 2 thru 6, not lines 1 thru 5). Thanks to reader Rick Garrison for this one.
Page 146 Because the editors at New Riders carefully moved the code comments to the left (the red boxes), they also removed comments from this example that were vital to the functioning of the code. Here is the correct code for this example:
/* backslash hack hides from IE mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* end backslash hack */
Thanks to again to reader Rick Garrison for being confused enough to work out what was wrong and write to me.
Page 155 Not an error per se, more of an oversight, as reader Joann Schow pointed out...I didn't clearly explain CSS comments when I first use them here. You can add comments into your CSS by using /* to start the comment and */ to end it, as in /* this is a comment */ . I strongly recommend you follow my advice on comments for XHTML on page 20 - and look at some of the downloadable files such as the drop-down menus (fig 7.28) to see how comments improve readability of your CSS too.
Page 176 Line 2 should read..."consist of a list of pages you can visit and a menu is a list of choices." Thanks, reader James Welch.
Page 194 The first line of code should read:
body {font-family: verdana, arial, sans-serif; font-size:100%; behavior:url(css/csshover.htc);} Thanks to reader Dick Campbell for catching that one.
Page 196, 198 & 201 The div id on the markup should be listmenu not listcontainer. We'll credit reader Anthony Mason's sharp eyes here.
Page 207 The code above Fig 7.34 should begin
div#button a.roll {width:120px; ....}
Page 224The three_cols_absolute file is not in the download files - I will add it soon. It is there - the file you want is Fig 5.12.
Page 234 Fig 8.9 is from different markup from others in the sequence, although it does correctly illustrate the competed development of the left column. This screenshot must be from one of the earlier versions I wrote while developing this example. Caught by the sharp eyes of reader Micah Kaplan.
This is the companion web site for the book "Stylin' with CSS - a designer's guide" published by New Riders Books, May 2005.
Buy additional copies of Stylin' with CSS from Amazon at reduced cost.
Codin' for the Web now available!
Codin' for the Web teaches programming techniques in XHTML, CSS, PHP and SQL to enable you develop the three-tier architecture (interface, middleware and database) that forms the basis of all modern web sites.