Header Left Graphic
Header Right Graphic
Navigation Area
 
You can have:
Buttons
 
Home
Home
Home
Home
Home
 
or:
Text Links
 
  • Home
 
  • Products
 
  • Policies
 
  • Contact Us
 
  • E-Mail
 
 
 
 
Coded it to
be a nested table
within the
left-hand
table cell
<td>.
 
Basic Tables & CSS Study Tutorial
   Fitting Tables to suit most Browser Resolutions:
 
 
 
 
   Above you see Two

Graphic Headers

 and a Background Image (1 pixel width X 96 pixels height) built to match them (and loaded into the table behind them) for 800 x 600 Viewing. This allows them to “stretch” to match the browser width. (i.e. 1024 X 768, and higher resolutions)
 
 
 
 
   “Content” Display Area. Adding content will automatically expand the page vertically. Coded to be a nested table within the right-hand table cell <td>. As you can see text flows into nice edge margins all the way around due to the nested table having a cellpadding="12" pixels.
 
 
 
 
   SEE SOURCE CODE:nesting” and “other concepts” are commented quite thoroughly.
 
 
 
 
   This page code is written using hand coded HTML and internal CSS, allowing more flexibilty in design and page control. Using CSS externally called (see source) you can control many things about your site by editing only one file! Example of the power? See the scrollbar to the right. -->
 
 
 
 
   You are welcome to use this Page Source Code in starting a Template Design of your own.
Just go to the Menu Bar in your Browser,
 
 
 
 
  • View  • Source  • “Save As” so you can edit this code in NotePad or any Plain Text Editor.
 
 
 
 
RECOMMENDED:
   (You will love using Note Tab Pro as it “wraps the lines of text properly” while editing hand coded HTML.)
 
 
 
 

©  |  This is the Bottom Footer or Site Credits Display Area.