How can I create two tables side by side, however not connected together (space in between) in HTML?

I am creating a wiki and the left side I have a navigation field, where I have 8 buttons and each are contained in a table (i.e.Home, News, Help). I want to create a large table to the right of the navigation field only in HTML. Any suggestions?

Public Comments

  1. When you create the table on the left, add: align="left" to the descriptor like this: table align="left" Then do not set an alignment on the second table, but below it, after the </table> put <br clear="all" /> so all content below it will flow properly. Even better is to use style sheets since tables are used for tabular data like spreadsheets. They are no longer used web page layouts.
  2. Create a table with two columns (with padding included) and put the table with the nav buttons in the left column and then another table: <table width="68%" cellpadding="5"> <tr> <td><table> <tr> <td width="126"> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table></td> <td width="69%"> </td> </tr> </table> adjust padding, percentages and spacing to what you desire.
Powered by Yahoo! Answers