There are lots of images above! Of the nineteen graphics, sixteen of them are linked; only the "Home," "liberal" and "ARTS" images are not linked to other web pages. We can use the sixteen linked graphics to see the order in which the graphics appear in the underlying code.

Press the Tab key. Here is the order in which you should see the page's elements highlighted:

• the page's address in the address bar (if it is visible)
• the raised buttons for "Directory," "Staff," "Alumni," "Programs," and "Advisement";
• the flat buttons in the upper right corner of the page: "508 Bobby Approved," "Double-A Bobby Approved," "W3C HTML 4.01," "W3C CSS";
• finally the raised buttons for "Contact," "Search," "Write On!," "Technology," "New!," "Admissions," "Graduate School."

(For the curious, here is the same image content with the table borders displayed.)

This is not good, because the order in which the table cells are defined is the order in which content will be presented when the table is converted to a "linear" form. The image below shows how this page would be rendered without the table structure. ("Opera" is the application used to present the current page without tables.)

(Download for free, or purchase Opera for $39; it is available for several operating systems.)

It should be apparent from the image above that the web author probably did not want, and would not want, the Bobby images to be intermingled with the "raised" button and logo graphics.

Is there a solution? Yes, there is a solution. Indeed, there is probably more than one solution.