Chapter 6. Designing Interface Components

I USE interface components as my term for all the supporting elements of your page’s content: lists, menus, forms, tables, and so on. In this chapter, we will look at how these components should be written in XHTML to be valid and accessible, and then see how to style them with CSS in a variety of ways to meet the design needs of your projects.

Let’s start with tables.

Styling Tables

It’s widely known that tables have been misused in the past to create page layouts full of presentational markup. However, that does not mean that we shouldn’t embrace the use of tables for their designated purpose—laying out grids of data in rows and columns in the same manner as a spreadsheet is laid out in Microsoft Excel. ...

Get Stylin’ with CSS: A Designer’s Guide, Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.