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

Menu alignment issues


Poster: james-airlock
Dated: Monday July 5 2004 - 10:48:49 BST

Hi there,
please take a look at my test page here:

http://cubo.theairlock.com/floridaparks.co.uk/

Basically when you first roll over the menus in IE (Windows), they open with a gap of a couple of inches in between the main meny and the sub menu. My data code is as follows:

-------
_menuCloseDelay=100; // The time delay for menus to remain visible on mouse out
_menuOpenDelay=50; // The time delay before menus open on mouse over
_subOffsetTop=0; // Sub menu top offset
_subOffsetLeft=0; // Sub menu left offset

with(menuStyle=new mm_style()){
onbgcolor="transparent";
oncolor="transparent";
offbgcolor="transparent";
offcolor="transparent";
bordercolor="#000000";
borderstyle="solid";
borderwidth="0";
separatorcolor="transparent";
separatorsize="0";
separatorpadding="0";
padding="0";
margin="0";
// overfilter="randomdissolve(duration=0.3)";
// outfilter="randomdissolve(duration=0.3)";
menubgimage="./images/dhtml_nav/drop_mid.gif;";
}

with(milonic=new menuname("ExpressNav")){
style=menuStyle;
top=439;
left=318;
alwaysvisible=1;
openstyle="up";
orientation="horizontal";
//aI("text=How do I...;url=http://www.dhtmlmenu.co.uk/;status=Back To Home Page;");
aI("showmenu=ExpressNavContent;image=./media/images/menu-systems/home-page/express-navigator/show-me-where-to.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/show-me-where-to.on.gif;");
}

with(milonic=new menuname("ExpressNavContent")){
style=menuStyle;
openstyle="up";
top="offset=1";
aI("image=./media/images/menu-systems/home-page/express-navigator/waterslide-7-stories.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/waterslide-7-stories.on.gif;url=Waterslide 7 stories;");/*text=Waterslide 7 stories;*/
aI("image=./media/images/menu-systems/home-page/express-navigator/raft-the-wahoo-run.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/raft-the-wahoo-run.on.gif;url=Raft the Wahoo Run;");/*text=Raft the Wahoo Run;*/
aI("image=./media/images/menu-systems/home-page/express-navigator/take-on-the-rapids.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/take-on-the-rapids.on.gif;url=Take on the Rapids;");/*text=Take on the Rapids;*/
aI("image=./media/images/menu-systems/home-page/express-navigator/play-with-the-stingrays.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/play-with-the-stingrays.on.gif;url=Play with the Stingrays;");/*text=Play with the Stingrays;*/
aI("image=./media/images/menu-systems/home-page/express-navigator/explore-a-coral-reef.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/explore-a-coral-reef.on.gif;url=Explore a Coral Reef;");/*text=Explore a Coral Reef;*/
aI("image=./media/images/menu-systems/home-page/express-navigator/be-spooked.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/be-spooked.on.gif;url=Be Spooked;");/*text=Be Spooked;*/
aI("image=./media/images/menu-systems/home-page/express-navigator/ride-kraken.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/ride-kraken.on.gif;url=Ride Kraken;");/*text=Ride 'Kraken';*/
aI("image=./media/images/menu-systems/home-page/express-navigator/trek-off-road.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/trek-off-road.on.gif;url=Trek off road;");/*text=Trek 'off road';*/
aI("image=./media/images/menu-systems/home-page/express-navigator/go-on-safari.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/go-on-safari.on.gif;url=Go on Safari;");/*text=Go on Safari;*/
aI("image=./media/images/menu-systems/home-page/express-navigator/ride-big-rollers.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/ride-big-rollers.on.gif;url=Ride Big Rollers;");/*text=Ride Big Rollers;*/
aI("image=./media/images/menu-systems/home-page/express-navigator/see-shamu.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/see-shamu.on.gif;url=See Shamu;");/*text=See Shamu; */
aI("image=./media/images/menu-systems/home-page/express-navigator/swim-with-dolphins.off.gif;overimage=./media/images/menu-systems/home-page/express-navigator/swim-with-dolphins.on.gif;url=Swim with Dolphins;");/*text=Swim with Dolphins;*/
}

with(milonic=new menuname("BuschNav")){
style=menuStyle;
top=273;
left=26;
alwaysvisible=1;
openstyle="up";
orientation="horizontal";
//aI("text=How do I...;url=http://www.dhtmlmenu.co.uk/;status=Back To Home Page;");
aI("showmenu=BuschNavContent;image=./media/images/menu-systems/home-page/busch-gardens/top-five-attractions.off.gif;overimage=./media/images/menu-systems/home-page/busch-gardens/top-five-attractions.on.gif;");
}

with(milonic=new menuname("BuschNavContent")){
style=menuStyle;
openstyle="up";
top="offset=1";
aI("image=./media/images/menu-systems/home-page/busch-gardens/gwazi.off.gif;overimage=./media/images/menu-systems/home-page/busch-gardens/gwazi.on.gif;url=Waterslide 7 stories;");/*text=Waterslide 7 stories;*/
aI("image=./media/images/menu-systems/home-page/busch-gardens/rhino-rally.off.gif;overimage=./media/images/menu-systems/home-page/busch-gardens/rhino-rally.on.gif;url=Raft the Wahoo Run;");/*text=Raft the Wahoo Run;*/
aI("image=./media/images/menu-systems/home-page/busch-gardens/montu.off.gif;overimage=./media/images/menu-systems/home-page/busch-gardens/montu.on.gif;url=Take on the Rapids;");/*text=Take on the Rapids;*/
aI("image=./media/images/menu-systems/home-page/busch-gardens/haunted-lighthouse.off.gif;overimage=./media/images/menu-systems/home-page/busch-gardens/haunted-lighthouse.on.gif;url=Play with the Stingrays;");/*text=Play with the Stingrays;*/
aI("image=./media/images/menu-systems/home-page/busch-gardens/explore-a-coral-reef.off.gif;overimage=./media/images/menu-systems/home-page/busch-gardens/explore-a-coral-reef.on.gif;url=Explore a Coral Reef;");/*text=Explore a Coral Reef;*/
aI("image=./media/images/menu-systems/home-page/busch-gardens/serengeti-safari.off.gif;overimage=./media/images/menu-systems/home-page/busch-gardens/serengeti-safari.on.gif;url=Be Spooked;");/*text=Be Spooked;*/
}

with(milonic=new menuname("AdventureNav")){
style=menuStyle;
top=439;
left=26;
alwaysvisible=1;
openstyle="up";
orientation="horizontal";
//aI("text=How do I...;url=http://www.dhtmlmenu.co.uk/;status=Back To Home Page;");
aI("showmenu=AdventureNavContent;image=./media/images/menu-systems/home-page/adventure-island/top-five-attractions.off.gif;overimage=./media/images/menu-systems/home-page/adventure-island/top-five-attractions.on.gif;");
}

with(milonic=new menuname("AdventureNavContent")){
style=menuStyle;
openstyle="up";
top="offset=1";
aI("image=./media/images/menu-systems/home-page/adventure-island/wahoo-run.off.gif;overimage=./media/images/menu-systems/home-page/adventure-island/wahoo-run.on.gif;url=Waterslide 7 stories;");/*text=Waterslide 7 stories;*/
aI("image=./media/images/menu-systems/home-page/adventure-island/aruba-tuba.off.gif;overimage=./media/images/menu-systems/home-page/adventure-island/aruba-tuba.on.gif;url=Raft the Wahoo Run;");/*text=Raft the Wahoo Run;*/
aI("image=./media/images/menu-systems/home-page/adventure-island/gulf-scream.off.gif;overimage=./media/images/menu-systems/home-page/adventure-island/gulf-scream.on.gif;url=Take on the Rapids;");/*text=Take on the Rapids;*/
aI("image=./media/images/menu-systems/home-page/adventure-island/key-west-rapids.off.gif;overimage=./media/images/menu-systems/home-page/adventure-island/key-west-rapids.on.gif;url=Play with the Stingrays;");/*text=Play with the Stingrays;*/
aI("image=./media/images/menu-systems/home-page/adventure-island/tampa-typhoon.off.gif;overimage=./media/images/menu-systems/home-page/adventure-island/tampa-typhoon.on.gif;url=Explore a Coral Reef;");/*text=Explore a Coral Reef;*/
}

with(milonic=new menuname("SeaWorldNav")){
style=menuStyle;
top=273;
left=484;
alwaysvisible=1;
openstyle="up";
orientation="horizontal";
//aI("text=How do I...;url=http://www.dhtmlmenu.co.uk/;status=Back To Home Page;");
aI("showmenu=SeaWorldNavContent;image=./media/images/menu-systems/home-page/seaworld/top-five-attractions.off.gif;overimage=./media/images/menu-systems/home-page/seaworld/top-five-attractions.on.gif;");
}

with(milonic=new menuname("SeaWorldNavContent")){
style=menuStyle;
openstyle="up";
top="offset=1";
aI("image=./media/images/menu-systems/home-page/seaworld/the-waterfront.off.gif;overimage=./media/images/menu-systems/home-page/seaworld/the-waterfront.on.gif;url=Waterslide 7 stories;");/*text=Waterslide 7 stories;*/
aI("image=./media/images/menu-systems/home-page/seaworld/kraken.off.gif;overimage=./media/images/menu-systems/home-page/seaworld/kraken.on.gif;url=Raft the Wahoo Run;");/*text=Raft the Wahoo Run;*/
aI("image=./media/images/menu-systems/home-page/seaworld/the-shamu-adventure.off.gif;overimage=./media/images/menu-systems/home-page/seaworld/the-shamu-adventure.on.gif;url=Take on the Rapids;");/*text=Take on the Rapids;*/
aI("image=./media/images/menu-systems/home-page/seaworld/journey-to-atlantis.off.gif;overimage=./media/images/menu-systems/home-page/seaworld/journey-to-atlantis.on.gif;url=Play with the Stingrays;");/*text=Play with the Stingrays;*/
aI("image=./media/images/menu-systems/home-page/seaworld/wild-artic.off.gif;overimage=./media/images/menu-systems/home-page/seaworld/wild-artic.on.gif;url=Explore a Coral Reef;");/*text=Explore a Coral Reef;*/
}

with(milonic=new menuname("DiscoveryNav")){
style=menuStyle;
top=439;
left=484;
alwaysvisible=1;
openstyle="up";
orientation="horizontal";
//aI("text=How do I...;url=http://www.dhtmlmenu.co.uk/;status=Back To Home Page;");
aI("showmenu=DiscoveryNavContent;image=./media/images/menu-systems/home-page/discovery-cove/top-five-attractions.off.gif;overimage=./media/images/menu-systems/home-page/discovery-cove/top-five-attractions.on.gif;");
}

with(milonic=new menuname("DiscoveryNavContent")){
style=menuStyle;
openstyle="up";
top="offset=1";
aI("image=./media/images/menu-systems/home-page/discovery-cove/swim-with-dolphins.off.gif;overimage=./media/images/menu-systems/home-page/discovery-cove/swim-with-dolphins.on.gif;url=Waterslide 7 stories;");/*text=Waterslide 7 stories;*/
aI("image=./media/images/menu-systems/home-page/discovery-cove/the-coral-reef.off.gif;overimage=./media/images/menu-systems/home-page/discovery-cove/the-coral-reef.on.gif;url=Raft the Wahoo Run;");/*text=Raft the Wahoo Run;*/
aI("image=./media/images/menu-systems/home-page/discovery-cove/the-tropical-river.off.gif;overimage=./media/images/menu-systems/home-page/discovery-cove/the-tropical-river.on.gif;url=Take on the Rapids;");/*text=Take on the Rapids;*/
aI("image=./media/images/menu-systems/home-page/discovery-cove/snorkel-with-stingrays.off.gif;overimage=./media/images/menu-systems/home-page/discovery-cove/snorkel-with-stingrays.on.gif;url=Play with the Stingrays;");/*text=Play with the Stingrays;*/
aI("image=./media/images/menu-systems/home-page/discovery-cove/free-flight-aviary.off.gif;overimage=./media/images/menu-systems/home-page/discovery-cove/free-flight-aviary.on.gif;url=Explore a Coral Reef;");/*text=Explore a Coral Reef;*/
}

drawMenus();
-------

Can anyone help?

Thanks,

| James


Poster: kevin3442
Dated: Tuesday July 6 2004 - 17:11:19 BST

Hi James,

I just had a look at your site using IE6 in Win2k. The menus seemed to open where you intend; I couldn't get the gap thing. What version of IE and version of Windows are you using... maybe it's specific to a particular setup.

Kevin


Poster: Ruth
Dated: Tuesday July 6 2004 - 17:56:37 BST

I just viewed it in IE5.5 win98se and I don't see that space. Like your design, btw. :)

Ruth


Poster: John
Dated: Tuesday July 6 2004 - 18:59:54 BST

I'm not seeing that in Safari, either. The subs open directly on top of the main menu.