Sothink DHTML Menu Resource

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 Menu Item Settings - General section. 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;
}