Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:10
Method for a List Based Menu in a Cell?
Poster: jason13
Dated: Monday March 27 2006 - 23:01:03 BST
Is there a standard method for inserting a List Based Menu into a table cell?
Poster: Ruth
Dated: Tuesday March 28 2006 - 5:31:26 BST
Hi,
Are you asking how you'd put the Milonic menu in a table, or the list menu in a table?
In the download there is a listbased sample. If you want to put the Milonic Menu into a table, you'd add position='relative'; and remove the top and left positioning, for example:
Code:
<table border=1 cellpadding=0 cellspacing=0 align="center">
<tr>
<td> </td>
<td><script>
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="../../arrow.gif";
subimagepadding=2;
}
with(menuStyle2=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Arial";
fontsize="14px";
fontstyle="normal";
offbgcolor="darkblue";
offcolor="yellow";
onbgcolor="#ffffff";
oncolor="#ff0000";
padding="6px"
}
listStyle=menuStyle; // Tells the menu system to use menuStyle as the default style
mainMenuSettings="alwaysvisible=true;orientation='horizontal';position='relative';" // Properties for the main menu
</script>
<script type="text/javascript" src="listmenus.js"></script>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td> </td>
<td></td>
</tr>
</table>
<tr>
<td> </td>
<td><script>
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=-2;
with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="../../arrow.gif";
subimagepadding=2;
}
with(menuStyle2=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=1;
fontfamily="Arial";
fontsize="14px";
fontstyle="normal";
offbgcolor="darkblue";
offcolor="yellow";
onbgcolor="#ffffff";
oncolor="#ff0000";
padding="6px"
}
listStyle=menuStyle; // Tells the menu system to use menuStyle as the default style
mainMenuSettings="alwaysvisible=true;orientation='horizontal';position='relative';" // Properties for the main menu
</script>
<script type="text/javascript" src="listmenus.js"></script>
</td>
<td></td>
</tr>
<tr>
<td></td>
<td> </td>
<td></td>
</tr>
</table>
Hope this helps.
Ruth