EXAMPLE ONE - You normally would not include a table border, but I wanted you to see the table dimensions. This table has a width of 750 pixels. I made it on an 800 X 600 resolution 15 inch monitor. The table includes one row with two columns. The first column is 18% of the entire table. The second column is 82%. You must simply adjust the percentages according to the width of your background image that runs down the left side of the page. If you find the overall table width to be too wide, you would decrease the width of the table from 750 pixels.
EXAMPLE ONE - Here is a second table right under the first, but this one has the border removed so you can see what it should look like. I could just as easily put an image in this cell and left, center, or right align it.
EXAMPLE TWO - This table is designed to give you three columns. The first column is to give you a left margin so you don't interfere your background. The second and third column is divided equally. You could put text in the cell or an image. little boy
EXAMPLE TWO - This is what the table looks like when you do not use a border. The image is centered in its cell, but I could just as easily left or right align it for a different effect. little boyI can even include text alongside the image if I want too! Here I put an align left attribute inside the
<IMG SRC> tag so the text would flow to the right of the image.

EXAMPLE THREE - The table below is perfect for navigation images representing backward, home, and forward. It contains four columns. The first column is to provide space for the left margin. The other three columns are divided equally.
little boy little boy little boy

BACK