Professional Web Design: Techniques and Templates, Fourth Edition

398
Chapter 15 ■ Case Study: Low-Content XHTML Template
Creating the Menu Table
The menu table in this design is actually the nested table for the entire left column.
It not only includes the menu items, but it also includes the picture of the
face. By including the face image in the same column, it can be reused in the
second-level template, thus decreasing the download of other pages. Figure 15.5
shows the built menu table.
To better understand how the table is structured, Figure 15.6 shows the table
with the images and text removed.
Using a two-column table is all that is needed to build the menu table. The face
image is placed inside a table cell with colspan="2" (arrow 1 in Figure 15.6). Each
bullet image is placed in a left cell (arrow 2), while the corresponding text menu
items are placed in the right cell (arrow 3). Because the menu items in the right
Figure 15.5
Menu table that is nested in the left column of the design.
Game Developing GWX