Correct the nuisance problems when you can, but remember that you’ll get the biggest improvements by fixing the exasperation problems.
—Jared Spool
way, deconstruct it by removing all proprietary and overly complex markup, restructure the markup, and rebuild the page using CSS. This exercise of deconstructing and reconstructing a table-based website can be applied to any site you currently have or know of, and it provides an excellent means of helping you clearly see how CSS can vastly improve aspects of a design.
approach with minimal tables and CSS in combination, or even a completely table-free approach. Study the exercise, walk through it using the code samples available from the book’s web page, or take a table-based site of your own and perform the same process on it.
pure CSS designs. You can also apply this general process if you’re looking to reconstruct legacy pages.
In this chapter, you will learn:
How to strip a conventionally designed page down to its structure
Some of the major concerns when structure and presentation are not separated
How to convert the page to valid XHTML
How to prepare the document for styling with CSS
How to add some accessibility features
How to style the document using a simple layout table and CSS
How to remove all tables, using only CSS for layout
| |||||||||||||||||||