Method for a List Based Menu in a Cell?

Having problems with DHTML Menu? There is usually somebody here who knows the answer.
Post Reply
jason13
Beginner
Beginner
Posts: 1
Joined: Tue May 10, 2005 9:16 pm

Method for a List Based Menu in a Cell?

Post by jason13 »

Is there a standard method for inserting a List Based Menu into a table cell?
User avatar
Ruth
 Team
 Team
Posts: 8763
Joined: Thu May 15, 2003 5:02 am
Location: Yucaipa, CA
Contact:

Post by Ruth »

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: Select all

<table border=1 cellpadding=0 cellspacing=0 align="center">
<tr>
       <td>&nbsp;</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>&nbsp;</td>
       <td></td>
</tr>
</table>
Hope this helps.

Ruth
Post Reply