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

horizontal submenu - positioning problems


Poster: redbeard
Dated: Monday August 28 2006 - 18:41:42 BST

Hello,

I am having a problem with my horizontal submenus. You can see the problem here:
http://64.23.96.234/new-design/Support/ ... licy.shtml

Basically the submenus are positioning themselves at the top of the page, and appearing on roll-over one under the other bringing the entire page down with each submenu.

I am using relative positioning with offsets for top and left. as you can see in my code below:

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=2;
_subOffsetLeft=-2;




with(menuStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle='normal';
headerbgcolor="";
headercolor="";
offbgcolor="";
offcolor="#FFFFFF";
onbgcolor="";
oncolor="#1E1D56";
outfilter="";
overfilter="";
padding=4;
pagebgcolor="";
pagecolor="#1E1D56";
separatorcolor="#FFFFFF";
separatorsize=1;
subimage="";
subimagepadding=2;
}

with(menuStyleSub=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Tahoma, Arial";
fontsize="100%";
fontstyle ='normal';
headerbgcolor="";
headercolor="";
offbgcolor="";
offcolor="#92571E";
onbgcolor="";
oncolor="#1E1D56";
outfilter="";
overfilter="";
padding=4;
pagebgcolor="";
pagecolor="#1E1D56";
separatorcolor="#92571E";
separatorsize=1;
subimage="";
subimagepadding=2;
}

with(milonic=new menuname("Products")){
overflow="scroll";
style=menuStyleSub;
orientation="horizontal";
top="offset=84px";
left="offset=-272";
align="center";
position="relative";
aI("text=PRODUCTS HOME;url=http://64.23.96.234/new-design/Products/productsHome.shtml;")
aI("text=ECLIPSE;url=http://64.23.96.234/new-design/Products/productsEclipseHome.shtml;")
aI("text=VELOX LE;url=http://64.23.96.234/new-design/Products/productsVelox-LE.shtml;")
aI("text=SOFTWARE SOLUTIONS;url=http://64.23.96.234/new-design/Products/productsSoftware.shtml;")
aI("text=PRODUCT HISTORY;url=http://64.23.96.234/new-design/Products/productsHistory.shtml;")
}

with(milonic=new menuname("Solutions")){
style=menuStyleSub;
orientation="horizontal";
top="offset=84px";
left="offset=-428";
align="center";
position="relative";
aI("text=MOBILE;url=http://64.23.96.234/new-design/Solutions/solutionsMobile.shtml;")
aI("text=WIRELESS BROADBAND;url=http://64.23.96.234/new-design/Solutions/solutionsWireless.shtml;")
aI("text=UTILITIES;url=http://64.23.96.234/new-design/Solutions/solutionsUtilities.shtml;")
aI("text=EDUCATION;url=http://64.23.96.234/new-design/Solutions/solutionsEducation.shtml;")
aI("text=OIL & GAS;url=http://64.23.96.234/new-design/Solutions/solutionsOilGas.shtml;")
aI("text=DEFENSE;url=http://64.23.96.234/new-design/Solutions/solutionsDefense.shtml;")
aI("text=GOVERNMENT;url=http://64.23.96.234/new-design/Solutions/solutionsGovernment.shtml;")
aI("text=ENTERPRISE;url=http://64.23.96.234/new-design/Solutions/solutionsEnterprise.shtml;")
aI("text=HEALTHCARE;url=http://64.23.96.234/new-design/Solutions/solutionsHealthcare.shtml;")
aI("text=PUBLIC SAFETY;url=http://64.23.96.234/new-design/Solutions/solutionsPublicSafety.shtml;")
}


with(milonic=new menuname("Support")){
style=menuStyleSub;
orientation="horizontal";
top="offset=84px";
left="offset=-543";
align='center';
position="relative";
aI("text=SUPPORT HOME;url=http://64.23.96.234/new-design/Support/supportHome.shtml;");
aI("text=FIELD SERVICES;url=http://64.23.96.234/new-design/Support/supportFieldService.shtml;");
aI("text=TECHNICAL SUPPORT;url=http://64.23.96.234/new-design/Support/supportTechnicalOverview.shtml;");
aI("text=REPAIR / RETURN;url=http://64.23.96.234/new-design/Support/supportRepairReturn.shtml;");
aI("text=WARRANTY INFO;url=http://64.23.96.234/new-design/Support/supportWarrantyPolicy.shtml;");
aI("text=RETURNS;url=http://64.23.96.234/new-design/Support/supportReturnPolicy.shtml;");
aI("text=TRAINING;url=http://64.23.96.234/new-design/Support/supportTraining.shtml;");
aI("text=UPGRADE INFO;url=http://64.23.96.234/new-design/Support/supportUpgrades.shtml;");
}

with(milonic=new menuname("Company")){
style=menuStyleSub;
orientation="horizontal";
top="offset=84px";
left="offset=-183";
position="relative";
aI("text=COMPANY HOME;url=http://64.23.96.234/new-design/Company/companyHome.shtml;");
aI("text=NEWS and PRESS;url=http://64.23.96.234/new-design/Company/companyNewsPress.shtml;");
aI("text=INVESTOR;url=http://64.23.96.234/new-design/Company/companyInvestor.shtml;");
aI("text=CAREERS;url=http://64.23.96.234/new-design/Company/companyCareers.shtml;");
}

with(milonic=new menuname("Contact Us")){
style=menuStyleSub;
orientation="horizontal";
top="offset=84px";
left="offset=-398";
position="relative";
aI("text=CONTACTS HOME;url=http://64.23.96.234/new-design/ContactUs/contactHome.shtml;");
aI("text=OFFICE LOCATIONS;url=http://64.23.96.234/new-design/ContactUs/contactLocations.shtml;");
aI("text=PARTNERS;url=http://64.23.96.234/new-design/ContactUs/contactPartner.shtml;");
aI("text=REQUEST INFO;url=http://64.23.96.234/new-design/ContactUs/contactInfo-form.shtml;");
aI("text=FEEDBACK FORM;url=http://64.23.96.234/new-design/ContactUs/contactFeedback-form.shtml;");
}

drawMenus();



Wen I disable relative positioning the submenus float with the scroll of the page. Which I don't want. If I place the submenus in a cell the same thing happens as described above but only in that cell.

Any help would be greatly appreciative.
Thanks in advance


Poster: John
Dated: Monday August 28 2006 - 22:40:38 BST

Is this close to what you're after? There is still some horizontal alignment to do. If so, just grab the _data file to see what I've done.


Poster: redbeard
Dated: Monday August 28 2006 - 22:52:23 BST

That was how I originally had it coded but if you scroll the window down the subnav follows with the page. Is there a fix for that.


Poster: John
Dated: Monday August 28 2006 - 23:19:55 BST

Not exactly sure what you mean here. There's not much room to scroll that page before the main menu scrolls off the top. However, in the small space there is, when I scroll it the subs stay put in the middle of the tan area.


Poster: redbeard
Dated: Tuesday August 29 2006 - 16:10:07 BST

try this page. http://64.23.96.234/new-design/Support/ ... vice.shtml

And the submenu works fine in IE, but in all other browsers the menu moves with the page. This effects Firefox Windos and OS X, Camino and Safari.


Poster: Ruth
Dated: Wednesday August 30 2006 - 3:23:50 BST

Hi,

Before we go any farther, you need to upgrade to the latest version. Whatever is going on might have been fixed in the latest.

Ruth


Poster: redbeard
Dated: Thursday August 31 2006 - 18:21:54 BST

OK, I upgraded and the same thing is occuring.


Poster: Ruth
Dated: Friday September 1 2006 - 2:28:34 BST

Hi,

Try changing the fixMozillaZIndex to false.

And just for information, you have the Products submenu set to overflow="scroll"; which will not work since it's a horizontal menu.

Ruth


Poster: redbeard
Dated: Friday September 1 2006 - 16:21:49 BST

Thank you. That fixed the problem.

I have another question, but I will search the forum first. Have a great weekend.

©1998-2012 Milonic Solutions Ltd. UK Registered Company #4406835
Privacy Policy | License Agreement | Contact Us | Tech Support