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:30
position="relative"; and Image menus
Poster: pauldixon
Dated: Monday October 3 2005 - 18:58:42 BST
I have a main menu imbedded in my HTML code that is image based. I am using the position="relative"; variable in my code in order to make the sub menus appear correctly. When I have this variable turned on the links in my top-level image menu do not work. All I get is a pointer but the rollovers still work but no link. If I create a text link in the menu the link works fine. If I remove the position="relative"; the image links work again.
Does someone know how I can have the position="relative"; and still have the image menu links work correctly?
Poster: Ruth
Dated: Monday October 3 2005 - 19:53:17 BST
The short answer is yes. We need to see a page to figure out what's happening.
Ruth
Here is the code
Poster: pauldixon
Dated: Monday October 3 2005 - 20:01:20 BST
This is at the top of the page:
<SCRIPT>
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=3;
with(mainStyle=new mm_style()){
bordercolor="#999999";
borderstyle="solid";
borderwidth=0;
fontfamily="Verdana, Tahoma, Arial";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#eeeeee";
offcolor="#000000";
onbgcolor="#ddffdd";
oncolor="#000099";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90)";
padding=5;
pagebgcolor="#ffffff";
pagecolor="black";
separatorcolor="#999999";
separatorsize=0;
}
with(menuStyle=new mm_style()){
bordercolor="#A0A3A8";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#ffffff";
offcolor="#000000";
onbgcolor="#FFEEE0";
oncolor="#000000";
outfilter="Fade(duration=0.2)";
overfilter="Fade(duration=0.2);Alpha(opacity=90)";
padding=10;
pagebgcolor="#ffffff";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
separatorimage="/images/dotted_a0a3a8.gif";
}
with(milonic=new menuname("Level1")){
overflow="scroll";
style=menuStyle;
aI("text=Enterprise / Public Sector;url=/Enterprise/index.htm;")
aI("text=Consumer / LBS;url=/LBS/index.htm;")
aI("text=Automotive;url=/Automotive/index.htm;")
}
with(milonic=new menuname("Level2")){
overflow="scroll";
style=menuStyle;
}
drawMenus();
</SCRIPT>
This is down in the HTML code:
<SCRIPT>
with(milonic=new menuname("Left Nav")){
alwaysvisible=1;
left=0;
top=38;
orientation="vertical";
style=mainStyle;
position="relative";
aI("showmenu=Level1;url=/Home;image=/images/nav_partnerlink_top.gif");
aI("url=/Enterprise;image=/images/nav_enterprise_2nd.gif;overimage=/images/nav_enterprise_2nd_on.gif");
aI("url=/LBS;image=/images/nav_lbs_2nd.gif;overimage=/images/nav_lbs_2nd_on.gif");
aI("url=/Automotive;image=/images/nav_automotive_2nd.gif;overimage=/images/nav_automotive_2nd_on.gif");
aI("url=http://care.teleatlas.com/;image=/images/nav_react.gif");
aI("url=/GeneralLinks/Support;image=/images/nav_support.gif");
aI("url=/GeneralLinks/Contact;image=/images/nav_contact.gif");
}
drawMenus();
</SCRIPT>
More Info on this
Poster: pauldixon
Dated: Monday October 3 2005 - 20:22:43 BST
If I add another menu item that is a text link it works fine. If I take the above code and put it on a completely clean page with nothing but the menu the links work. I have been over the code several times but cannot find anything that is keeping it from working the way it is now.
Somthing in the CSS is causing it to break
Poster: pauldixon
Dated: Monday October 3 2005 - 21:16:19 BST
I have traced the cause to the CSS file for the site. Has any one had any similar problems with this?
Poster: John
Dated: Wednesday October 5 2005 - 20:54:09 BST
Dunno. So many things can interact that it's really next to impossible to figure it out without seeing the page (i.e., URL), as Ruth requested.
pauldixon wrote:
Has any one had any similar problems with this?
You said you found a conflict in the CSS. No way we can help with that without seeing it (which a URL would have given us).
Thanks
Poster: pauldixon
Dated: Wednesday October 5 2005 - 21:01:50 BST
I ended up moving it out of some of the CSS structure of the site and it fixed the problem. Unfortunatly the menu is used on a company Intranet and not accessible from outside the firewall.
Thanks again for your help.
Paul