Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

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:22

Horizontal/Horizontal menu, to table width


Poster: orionblu
Dated: Friday February 22 2008 - 1:52:37 GMT

Hi,

I have posted a support ticket to no avail, and tried to search for this solution in the forum but my keywords (horizontal and width) are ignored, making it difficult, so here goes my last attempt to get this working...

I have an rollover image based main horizontal menu, placed inside a table cell as such:

<td width="920"><SCRIPT TYPE="text/javascript">
with(new menuname("Main Menu")){
style=menuStyle;
alwaysvisible=1;
position="relative";
orientation="horizontal";
aI("image=images/nav_left.jpg;");
aI("image=images/bproduce0.jpg;overimage=images/bproduce1.jpg;showmenu=Produce;url=produce.php;")
aI("image=images/bwinespirits0.jpg;overimage=images/bwinespirits1.jpg;url=wine_spirits.php");
aI("image=images/nav_right.jpg;");
}
drawMenus();
</SCRIPT></td>

My menu_data.js holds two styles:

with(menuStyle=new mm_style()){
bordercolor="";

borderstyle="";
borderwidth=0;
menuwidth="700";
itemwidth="120";
fontfamily="Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#73D52B";
offcolor="#ffffff";
onbgcolor="#73D52B";
oncolor="#365126";
outfilter="randomdissolve(duration=0.0)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);)";
padding=5;
pagebgcolor="#73D52B";
pagecolor="#365126";
separatorcolor="#2D729D";
separatorsize=0;
subimage="";
subimagepadding=0;
}

with(menuStyleSub=new mm_style()){

left="offset=-500";
align="center";
screenposition="center"
bordercolor="";
borderstyle="";
borderwidth=0;
menuwidth="100%";
itemwidth="140";
fontfamily="Tahoma, Arial";
fontsize="100%";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#73D52B";
offcolor="#ffffff";
onbgcolor="#73D52B";
oncolor="#365126";
outfilter="randomdissolve(duration=0.0)";
overfilter="Fade(duration=0.2);Alpha(opacity=100);)";
padding=5;
pagebgcolor="#73D52B";
pagecolor="#365126";
separatorcolor="#2D729D";
separatorsize=0;
subimage="";
subimagepadding=0;
}

The problems I'm having are 1) getting the sub menu to be 920 pixels wide, and 2) centering that width to be beneath the active button in the main menu.

Any suggestions are appreciated, thanks very much.

Re: Horizontal/Horizontal menu, to table width


Poster: Ruth
Dated: Friday February 22 2008 - 2:56:00 GMT

Hi,

Can you possibly provide me with a page so I have that and the full menu data and can get the images so I can test things?

Ruth