Learn CSS fast - Stylin' with CSS has the theory and tutorials you need to master the art of Cascading Style Sheets
  • Home
  • Files by Chapter
    • Chapter 1
    • Chapter 2
    • Chapter 3
    • Chapter 4
    • Chapter 5
    • Chapter 6
    • Chapter 7
    • Chapter 8
  • XHTML templates
  • Javascript Goodies
  • Resources
    • Books
    • Links
  • Errata

Chapter 7

Chapter 7 shows how to create all kinds of interface components. Available downolads are the HTML files of the screenshots, organized by the book's figure numbers.

download .zip of Chapter 7 - sample files by screenshot

There's a download-only bonus in these files - a "breadcrumb" component that didn't make it into the book for lack of space.

If you are looking for the drop-down menus, the finished version, with drop-downs and two levels of pop-outs, is Fig 7.28 in the download zip file. View the final version of the dropdown menu.

Also, by popular request, here's a vertical version of Fig 7.27, which several people have written to request. Click to view, right-click and select "save Target As..." to download.

Note also that the hover behavior file csshover.htc (see page 193), which enables IE6 to respond to hovers (rollovers) on all elements and not just links, has been updated for Windows XP2. You can obtain the updated csshover file direct from the source at the webssite of its author, JavaScript genius Peter Nederlof. Note that this code is useable free for commercial purposes under the Creative Commons GNU  Lesser General Public License, so please stick by the rules if you plan to use it for commercial purposes.

This is the companion web site for the book "Stylin' with CSS - a designer's guide" published by New Riders Books, May 2005.

Read my blog

Buy additional copies of Stylin' with CSS from Amazon at reduced cost.

Stylin' with CSS - a designer's guide. A tutorial book on designing web pages with Cascading Style Sheets by Charles Wyke-Smith, published by New Riders Books.


Codin' for the Web now available!

Codin' for the Web - a designer's guide.

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.

Visit the Codin' for the Web site.

Buy Codin'at Amazon.

  • © 2007 Charles Wyke-Smith - all rights reserved. Code samples are free for use by anyone.