Now to build the area that holds the content. The plan is to insert another table below the navigation bar. This table will have 3 columns, with widths of 125, 1, and 644 for a total width of 770 pixels, just like the other two. The one-pixel wide column will have a background color that creates a nice thin separator. Then we will insert another table into each of the remaining columns to provide an easy way to format the content. See the screen capture for what the finished product will look like.

1. Click below the last table and then insert a table.

2. This table should have 1 row, 3 columns, be 770 pixels wide and have zeros everywhere else.

3. The table should appear below the other two.

4. Click in the first column and use the Properties Bar to set it's width to 125 pixels.

5. Click into column 2 and use the Properties bar to change the bg color to the same as in the navigation table.

6. This cell needs to be one pixel wide, but if we just tell it to be 1 pixel with it being empty netscape will collapse it, so there has to be something in it. The best thing to use is a transparent graphic that is 1 pixel wide. That way the cell can not get smaller than one pixel and by being transparent it can't be seen. In the images folder there is a space.gif that is just the thing. Drag it over and drop it into this cell. Neither will look any different.

7. Now use the property bar to set the cell width to 1 pixel.

8. Do not forget to set the width of the last cell to 644, so they add up to 770.

9. Be sure and test in both of the browsers before going on.

10. In the left hand column we want to put a small image and quote so there needs to be some structure to hold these objects. Insert a table right into the left hand cell. This table should be 2 rows, 1 column, and 100% width. Sincewe are putting the table inside a cell that is 125 pixels telling it to be 100% will make it fill the entire space.

11. The table should appear like this.

Go to Page Two