re-
VISION

PHOTOGRAPHY AND GRAPHICS BY JAY BOERSMA

WebworkUsing Tables to Layout Pages


Page Layout


Including the title above, this table has four horizontal rows and three vertical columns. The title is set to colspan="3" so it runs across all three of the columns below it. The table border is set to zero so it is not immediately apparent that this is a table. Text or images can be placed in any of the table cells...
Scrolling further down in this document will show the same table with the table border set for 1. This will make it easier to see how the page is constructed.
It's alive...
This last paragraph has the colspan (column span) set to "2" so its text flows over both the middle and right-hand columns. Using various combinations of these table options allows the creation of complex page layouts.



The same table with table border="1":


Page Layout


Including the title above, this table has four horizontal rows and three vertical columns. The title is set to colspan="3" so it runs across all three of the columns below it. The table border is set to zero so it is not immediately apparent that this is a table. Text or images can be placed in any of the table cells...
This is the same table as above with the table border set for 1. This makes it easier to see how the page is constructed.
It's alive...
This last paragraph has the colspan (column span) set to "2" so its text flows over both the middle and right-hand columns. Using various combinations of these table options allows the creation of complex page layouts.



<Previous | Webwork Table of Contents | Next>