Stylin’ with CSS

The Blog and Books of Charles Wyke-Smith

Stylin’ with CSS–Errata

Stylin' cover
  1. Chapter 2
    1. Page 47
      1. Figure 2.18 screenshot text should read ::first-letter. (Note that :first-letter does work in browsers, but ::first-letter is the correct and most up-to-date format.)
    2. Page 61
      1. The URL for the Adobe Kuler site is incorrect. The correct URL is https://kuler.adobe.com
  2. Chapter 3
    1. Page 90
      1. CSS code for margin in div#outer should read margin:100px 40px;
    2. Page 91
      1. CSS code for margin in div#outer should read margin:100px 40px;
    3. Page 92
      1. CSS code for margin in div#outer should read margin:100px 40px;
  3. Chapter 5 (verify these with CWS)
    1. Page 155
      1. CSS code for #wrapper should include overflow:hidden;
      2. CSS code for nav should include background:#dcd9c0;
    2. Page 156
      1. CSS code for #wrapper should include overflow:hidden;
    3. Page 160
      1. CSS code for #wrapper should include overflow:hidden;
    4. Page 170
      1. CSS code for footer should include text-align:center;
    5. Page 184
      1. This is the correct CSS that selects the middle inner div: section#feature_area article:nth-child(2) {background:#e5e8ed;}
  4. Chapter 6
    1. Page 187
      1. The CSS for nav should read nav {margin:20px 50px; width:150px;}
    2. Page 204
      1. <input type="checkbox" id="check1" name="checkset" value = "1" /> should read <input type="checkbox" id="check1" name="checkset" value = "1" tabindex="4" />
      2. This line of code: <p>You must choose one or more</p> is missing between <label for="check3">Choice 3—add as many as you need!</label></section> and </section>
  5. Chapter 8
    1. Page 277
      1. The list of @media rules is no longer available at the referenced Web site. However, the same content is available at https://gist.github.com/1362209.
    1. Page 280
      1. The 1 pixel of padding on the header at line 19 of the styles.css stylesheet is needed to prevent the collapse of the margin on the child nav element, but I inadvertently (and unnecessarily) repeated this header padding in the < 1000px @media rule at line 334. I know it’ natural curiousity to want to learn what effect the removal of this declaration has (spoiler: the menu moves up to touch the top edge of the header). However, the margin won't collapse when you remove the padding at line 19 if the browser width is set at less than 1000px wide, as the same style will then also be applied by the < 1000px @media rule. In short, the padding:1px 0 0 0; declaration can be removed from line 334. If you then temporarily remove the padding at line 19, you will see the effect of margin collapse. Thanks to reader Veronica R. for asking the smart question.
Back to Top