TEMPLATES FOR PAGE LAYOUTS
Quick Copy & Paste Designs

We have created several common page layout designs for Webpage Designers using the Tables Design Technique described on another one of our Design Series pages. If you have not read that page, please take a moment and do it, it will simplify your understanding of these codes...

Now all you need to do is activate your curser within the text box below the Template Example of your choice, and Copy All the code, then goto your Advanced Page Editor and Create a New Page and Paste the code into the Editor Box, then SAVE it and then go View the page... you can REMOVE Our Comment Text and Add Your Particular Page Content (text, images, more table codes or whatever) whenever you want!

CAUTION: Using unbroken text strings OR images that are too wide for any of the table cell widths, will cause browsers to PUSH the cells open wider than you want... control text strings with the <BR> tag and control image sizes with the img tag attributes "width" and "height"...

NOTE: You can change the value for "cellpadding" (try 5, or 7) to add some space between your cell content and the cell walls...

You can also change the values for cell background COLORS (bgcolor="?") and the values for cell content HORIZONTAL ALIGNMENT (align="?") and VERTICAL ALIGNMENT (valign="?")...

CAUTION: Using unbroken text strings OR images that are too wide for any of the table cell widths, will cause browsers to PUSH the cells open wider than you want... control text strings with the <BR> tag and control image sizes with the img tag attributes "width" and "height"...