Using Tables In Menus

You can include tables in menus by using HTML in your menu code. If you use a vertical floating menu, you can include an ID table at the top or bottom of the menu with a company name, address, phone number, and e-mail address. This keeps the information visible while people are browsing the site. A multiple column submenu can be created by using a table, as in the following example (mouse over Menu Item 2):

The multiple colum submenu was created by selecting HTML instead of Text in the General section of Menu Item Settings. Here is the HTML table code we inserted (it would have to be modified to meet your needs):

<table cellpadding=1 cellspacing=2><tr>
<td width=120 valign="top">
<a class=itemcss>Column 1 </a> 
<a class=itemcss href="#">Item 1 </a> 
<a class=itemcss href="#">Item 2</a>
 
</td>
<td width=120 valign="top">
<a class=itemcss>Column 2 </a> 
<a class=itemcss href="#">Item 1 </a> 
</td>
<td width=120 valign="top">
<a class=itemcss>Column 3 </a> 
<a class=itemcss href="#">Item
1 </a> 
</td>
<td width=120 valign="top">
<a class=itemcss>Column 4 </a> 
<a class=itemcss href="#">Item
1</a>
 
<a class=itemcss href="#">Item 2</a>
 
<a class=itemcss href="#">Item
3</a>
 
<a class=itemcss href="#">Item
4 </a> 
</td>
</tr></table>

We also included the following definitions in the style sheet for the site:

a.itemcss:link
{
font-size:8pt;
text-decoration:none;
font-family:Tahoma, Arial;
color:Navy;
cursor:hand;
}
a.itemcss
{
font-size:8pt;
text-decoration:none;
font-family:Tahoma, Arial;
color:#000000;
cursor:default;
}
a.itemcss:visited
{
text-decoration:none;
font-family:Tahoma, Arial;
color:Navy;
cursor:hand;
}
a.itemcss:hover
{
text-decoration:none;
font-family:Tahoma, Arial;
color:#6495ED;
cursor:hand;
}
a.itemcss:active
{
text-decoration:none;
font-family:Tahoma, Arial;
color::Red;
cursor:hand;
}