HTML Tables Tutorial

Page 27 - Use of Nested Tables


In order to be sure that your web page layes out the way you want it to you must use nested tables. Using the attributes, most especially width, you can layout your pages down to the pixel. (There are always issues: cross browser, font size, etc.)

Many web pages are broken into columns. Typically the left side column is for navigation and the right is for content. Below you can see the difference between using a rowspan and using nested tables to accomplish this goal of columns.


Link 1

Contact Us

Use this page to contact us.
1-800-555-1234
142 Evergreen Terrace
Springfield, NT 01812
name:
email:
subject:
message:
 
 
©some coder
Link 2
Link 3
Link 4
Link 5
The size of the right column (along with its rowspan attribute) is affecting the size of the left and removing any degree of control a table might give us.
 
Link 1
Link 2
Link 3
Link 4
Link 5

Contact Us

Use this page to contact us.
1-800-555-1234
142 Evergreen Terrace
Springfield, NT 01812
name:
email:
subject:
message:
 
 
©some coder
This example uses a simple one row two column table (red border) to divide the navigation (blue border) from the content (green border). By using attributes such as valign and width we can make it appear exactlty as we want!
 
 
MPF.com Site Map