Smart ways to make money online - HTML Tutorial - Creating a Left Navigation Layout With Tables.

As we mentioned earlier, most left and right navigations are created using tables. All you do is create a table with one row, two columns and no border. Then align both of your columns to the top (using the valign tag) so your text will start in the top of the columns, not the middle. Then depending on if you're going to have a right or left navigation, you'll make one column significantly smaller than the other.

Here's a simple left navigation layout:

<table width="100%" border="0">

<tr><td valign="top" width=" 25% ">Left Nav Links Here</td> <td valign="top" width=" 75%">Body Here</td> </tr>

</table>

And here's what it would look like:

Notice I set the border to "0" but it's still showing in the example. I just did that to show how the layout would look. If you set your border to "0" you won't see any lines around your table.

So there ya have it! That's a general overview of tables. There's so much more you can do with them, but if you can understand the basic layout, you'll be able to do so much with the design of your web site.

That concludes our basic HTML tutorial. If you'd like to learn more, you can go to any search engine and type in "HTML tutorial" or purchase some books from Amazon.com for reference.

Good luck!

HOMEPAGE