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

Help with "up" style menu


Poster: pburger1718
Dated: Tuesday May 1 2007 - 14:18:24 BST

I used a combination of the images style menu and the up style menu. I'm having an issue with a 1px clear space under the start of the menu. I've played around with borders, margins etc. Thanks for any help to try to remove this and make the menu flush at the bottom.

Here's my dev site:

http://movl.tmg02.com/

And my menu_data.js code:

fixMozillaZIndex=true; //Fixes Z-Index problem with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=1;
_subOffsetLeft=-2;


<!---MAIN IMG STYLE - ADDED 4/30 to Original --->
with(AllImagesStyle=new mm_style())
{
styleid=1;
bordercolor="#000000";
borderstyle="solid";
fontstyle="normal";
fontweight="normal";
padding=0;
}

/* Menu styles. This sets the main menu style properties for the second level drop down. */

with(menuStyle=new mm_style()){
styleid=1;
bordercolor="#dbdac6";
borderstyle="solid";
borderwidth=1;
offbgcolor="#dbdac6";
offcolor="#ffffff";
offclass="mnglob";
onbgcolor="#dbdac6";
oncolor="#f5a700";
overfilter="Fade(duration=0.2);Alpha(opacity=95);";
padding=3;
margin=3;
pagecolor="black";
separatorcolor="#dbdac6";
separatorsize=1;
separatorwidth=190;
subimage="/includes/menu/arrow.gif";
subimagepadding=4;
}



/* MAIN MENUS - THE CAREER */

with(milonic=new menuname("career")){
openstyle="up";
style=menuStyle;
aI("text=What's a Journeyman Lineman;url=#;");
aI("text=Tools;url=#;");
aI("text=Travel Requirements;url=#;");
aI("text=A Career vs. A Job;url=#;");
aI("text=The Career Ladder;url=#;");
}

/* MAIN MENUS - THE TRAINING */

with(milonic=new menuname("training")){
openstyle="up";
style=menuStyle;
aI("text=What Is An Apprentice?;url=#;");
aI("text=The Apprentice Process;url=#;");
aI("text=Classes;url=#;");
aI("text=Tuition & Fees;url=#;");
aI("text=Travel Requirements;url=#;");
}

/* MAIN MENUS - THE REWARDS */

with(milonic=new menuname("rewards")){
openstyle="up";
style=menuStyle;
aI("text=Wages By Regions;url=#;");
aI("text=Benefit Summary;url=#;");
aI("text=Occupation Comparison;url=#;");
}

/* MAIN MENUS - TESTIMONIALS */

with(milonic=new menuname("testimonials")){
openstyle="up";
style=menuStyle;
aI("text=Lineman;url=#;");
aI("text=Lineman's Spouse;url=#;");
aI("text=Apprentice;url=#;");
aI("text=Supervisor;url=#;");
aI("text=Employer;url=#;");
}

/* MAIN MENUS - RESOURCES */

with(milonic=new menuname("resources")){
openstyle="up";
style=menuStyle;
aI("text=Articles;url=#;");
aI("text=Safety Links;url=#;");
aI("text=Financial Tips;url=#;");
aI("text=Vendors;url=#;");
}

/* MAIN MENUS - ABOUT US */

with(milonic=new menuname("about")){
openstyle="up";
style=menuStyle;
aI("text=History;url=#;");
aI("text=Locations;url=#;");
aI("text=Staff;url=#;");
aI("text=FAQ;url=#;");
}

/* MAIN MENUS - STORE */

with(milonic=new menuname("store")){
openstyle="up";
style=menuStyle;
aI("text=Apparel;url=#;");
aI("text=Books;url=#;");
aI("text=Supplies;url=#;");
}

drawMenus();


Poster: Ruth
Dated: Tuesday May 1 2007 - 17:17:46 BST

Hi,

You have subOffsetTop=1; so the menu, because it's openstyle=up is moving up 1px, set it to 0 and it doesn't show that.

Ruth

Help with "up" style menu


Poster: pburger1718
Dated: Tuesday May 1 2007 - 19:14:14 BST

Thank you for the response. I tried setting the _subOffsetTop to 0 in menu_data.js and tested in all browsers (Opera, Safari, IE, Firefox etc.) to no avail. I also confirmed that menu_data.js file was updating on my web server.

Any other ideas?


Poster: Ruth
Dated: Tuesday May 1 2007 - 21:28:31 BST

Hi,

Dang, my fault. The subOffsets do not apply to a horizontal main menu since there's no need to shift the offsets of the 1st level subs - usually. :) Instead, set the top offset of each sub that opens from the main as follows

Code:
top="offset=-1";


This will work.

Ruth

Thanks!!!


Poster: pburger1718
Dated: Tuesday May 1 2007 - 21:38:02 BST

Voila! This worked. You've saved many headaches. :D