• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint

Table Design Examples

Now that you’ve learned a good bit of the theory behind table design and the bulk of the elements and attributes you can use for a table, let’s turn our attention to some slightly more complex examples. You’ll find that XHTML table elements are useful for a wide variety of page design approaches. Almost anytime you want some control over the placement of paragraphs, images, and other rows or columns of data, a table is the right choice. Let’s look at two examples—one that focuses on dividing the page into rows, and one that focuses on creating and managing columns.

A Row-Centric Table

This fairly clean-looking page example is designed for that fictional real estate agent. In this case, you’ll notice that the page is rather row-centric. By that I mean that most of what you’re seeing are a bunch of rows, each one with really only a single column of data. When you need multiple columns, you simply nest another table with as many columns as desired. This is one way to design reasonably simple-looking pages that still use tables for fine control over the layout. (And you can usually keep the rows and columns straight in your head when you think this way.)


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint