What's the Purpose?

The purpose with these layout tables is to present search engine spiders first with the text and very last with the site menu. The "normal" place for the menu is in the left most column, which in the HTML code comes first.

These templates are suitable for pages with only a little text, for instance the Home Page ("index" page). Then the search engine spiders will read the text first and not in any way get distracted by the menu as it comes last in the code. When you use these tables for lay-out be sure to include the correct DOCTYPE tag.

What about Long Text?

With "long text", say more than one print out page - if you want to use one of these templates - I would suggest you divide the page layout into two or more parts.

The last part you take one of these templates, while the first ( and second plus third ) part would be regular HTML lay-out tables. The regular ones would have an empty column to the left. Then the menu would come in the code very last after all the text but would be displayed in the left hand column at the bottom of the page. As on this page, for instance.

How to get the HTML code

I have not displayed the HTML code for the templates because that would make the webpage much too long.

Once you have chosen the template you want, put the mouse arrow at an empty place and give a "right-hand" click, choose "View Source". You will then get the full page HTML code in Notepad. Scroll down until you find the template you have chosen.

Now you "paint over" the part of the HTML code you want, copy this [press "Ctrl" + "C"] open Notepad ["Start" --> "Programs" --> "Accessories" --> "Notepad"] and paste ["Ctrl" + "V"] the HTML code into Notepad (or your own code page). The HTML code is now ready to be used by you.

This gives you two advantages:

1. You don't need to type the whole HTML code yourself, with the possibility of printing errors.
   
2. You are sure it works because you can see it working on this page.

When you start filling in your text, fill in one part of the table at a time and check display is OK before you continue with the next part, i.e. the Menu complete, before you go to the text. Last you delete the numbers, these are there only to help you find your way.

If something goes wrong and you cannot find any obvious mistake in the code, it's easiest to delete what you have done and start from the beginning again. Once you have got everything the way you want it, change border="1" to "0" at every place in the code.