Help with "up" style menu

[pburger1718]

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();

[Ruth]

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

[pburger1718]

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?

[Ruth]

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

top="offset=-1";

This will work.

Ruth

[pburger1718]

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