Table-based Layout Example
The source page content of the tables version is found at
http://www.classes.cs.uchicago.edu/current/10100-1/html/hwks/hw2/villa_adriana_source/
Likewise, all table pages contain a link to CSS stylesheet in
order to maintain content formatting:
<link rel="stylesheet" type="text/css" href="http://www.classes.cs.uchicago.edu/current/10100-1/html/hwks/hw2/villa_adriana_source/villa_adriana.css"/>
The images illustrate the start and second image pages:
- A table-based layout needs six pages,
all of which contain the table setup and the respective content.
- The banner and navigation cells, i.e.,
the top row and bottom left column of the table, have to be fixed in
height and width, respectively.
- The content of the source pages can be copied (using 'cut
and paste') into the table cells. Copy the entire <div>s
that contain the content in order to maintain the formatting specified
in the stylesheet.
