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>
 
 © Jay Boersma
free stuff
GIFs 4 Us
The Web Rules
Webpix
Backgrounds 4 Us
Webpaper
Digital Sketches 1
Digital Sketches 2
Fonts
Sounds
archive
The Portals Project
Transition
Insights
Spelling
Webwork
photographs
Barcelona, Catalonia/Spain
Along the Mississippi
Rome and Florence
The Reliance Building
Providence, Rhode Island
Santa Fe, New Mexico
Charleston, South Carolina
hell
The Web
Page from
ape silverback
Primate
Ruminations
rotmp
Revenge
of the
Movie
Poster
element-j
Honda
Element
Site