all image based menu problem

[catherine]

I could do with some help on the menu I have used. I have been banging my head against the wall for most of the weekend on this. The menu is set up here http://www.redcrosspoint.com/newtflex/index.html positioned within a table cell and is an all image based menu. The blowout part works fine, but the main navigation on the left refuses to link to the pages it's set to link to (sometimes it shows a link but you have to rollover the right hand side of the image, other times there is no link at all). This menu also doesn't display correctly in Firefox.

The code for the left hand part is here....
<!-- NAVIGATION -->
<script language="JavaScript">
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
left=0;
orientation="vertical";
position="relative";
style=AllImagesStyle;
top=0;
aI("image=/newtflex/images/nav-home-about.jpg;overimage=/newtflex/images/nav-home-about-over.jpg;status=About Teleflex Marine;url=/newtflex/about/index.html;showmenu=about;");
aI("image=/newtflex/images/nav-home-library.jpg;overimage=/newtflex/images/nav-home-library-over.jpg;url=http://datasheets.teleflexmarine.co.uk/ ... page1.html;");
aI("image=/newtflex/images/nav-home-links.jpg;overimage=/newtflex/images/nav-home-links-over.jpg;status=Links;url=/newtflex/links/index.html;showmenu=links;");
aI("image=/newtflex/images/nav-home-contact.jpg;overimage=/newtflex/images/nav-home-contact-over.jpg;status=Links;url=/newtflex/contact/index.html;showmenu=contact;");
aI("image=/newtflex/images/nav-home-corporate.jpg;overimage=/newtflex/images/nav-home-corporate-over.jpg;status=Teleflex Corporate;target=_new;url=http://www.teleflex.com;");

}drawMenus();</script><!-- /END NAVIGATION -->

*****************************************
and the code within the menu_data.js is here...

_menuCloseDelay=500;
_menuOpenDelay=150;
_subOffsetTop=2;
_subOffsetLeft=4;




with(menuStyle=new mm_style()){
styleid=1;
bordercolor="#296488";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#000000";
offbgcolor="#DCE9F0";
offcolor="#515151";
onbgcolor="#4F8EB6";
oncolor="#ffffff";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=5)";
padding=5;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#2D729D";
separatorsize=1;
subimage="menuimages/arrow.gif";
subimagepadding=0;
}

with(AllImagesStyle=new mm_style()){
bordercolor="#000000";
borderstyle="solid";
fontstyle="normal";
fontweight="normal";
padding=0;
}


with(milonic=new menuname("about")){
overflow="scroll";
style=AllImagesStyle;
aI("image=/newtflex/images/sub-about-overview.jpg;overimage=/newtflex/images/sub-about-overview-over.jpg;status=Teleflex Marine Overview;url=/newtflex/about/;");
aI("image=/newtflex/images/sub-about-history.jpg;overimage=/newtflex/images/sub-about-history-over.jpg;status=Our History;url=/newtflex/about/;");
aI("image=/newtflex/images/sub-about-facilities.jpg;overimage=/newtflex/images/sub-about-facilities-over.jpg;status=Our Facilities;url=/newtflex/about/;");


}

with(milonic=new menuname("links")){
overflow="scroll";
style=menuStyle;
aI("text=APBA ;url=holding.html;")
aI("text=NMDA ;url=holding.html;")
aI("text=NMMA ;url=holding.html;")
aI("text=National Safe Boating Council ;url=holding.html;")
aI("text=U.S. Coast Guard ;url=holding.html;")
aI("text=National Weather Service ;url=holding.html;")
aI("text=NOAA;url=holding.html ;")
aI("text=Marine Weather;url=holding.html ;")
aI("text=Marinas.com;url=holding.html ;")

}

with(milonic=new menuname("library")){
overflow="scroll";
style=menuStyle;
aI("text=Teleflex Marine overview;url=holding.html ;")
aI("text=Our History;url=holding.html ;")
aI("text=Our Facilities;url=holding.html ;")
}

with(milonic=new menuname("contacts")){
overflow="scroll";
style=menuStyle;
aI("text=Regional contacts;url=holding.html ;")
aI("text=Care Survey;url=holding.html ;")
}



drawMenus();

[Ruth]

Hi Catherine,

It took some experimenting but I think I have figured the problem. Unfortunately, I can't test it in Firefox because it won't load the flash on my desktop. All my other browsers do but not Firefox. There are a few things you need to do.

1) in your flash, in this line change the transparent to opaque

Code: Select all

<PARAM NAME="wmode" VALUE="opaque">

2) The problem with the submenu position in Firefox is in the style sheet.

Code: Select all

#contentcontainer {
	MARGIN-TOP: 10px; LEFT: 50%; MARGIN-LEFT: -385px; WIDTH: 766px; POSITION: absolute
}

This is making the submenus go way over to the other side of the page. I realize you weren't seeing them, that's the next item.

3) in the menu_data.js file, in ALL the submenus, since all of them open over the flash, put in position="fixed"; as an example in your about menu

Code: Select all

with(milonic=new menuname("about")){
style=menuStyle;
position="fixed"; 

The other problem that seems as if links aren't there, I didn't encounter that, but it may be because of all the images. So, I suggest that you use the preloadmenuimages.js module

Because you have the main menu in the table, and the directions for the module say it has to be after the menus have been build, I guess you would have to call it after the main menu, but I'm not sure on that.

I hope this helps.

Ruth

[catherine]

Hi Ruth, thanks for your advice, it worked - BUT - I have since uploaded some changes to graphics, etc, and I have managed to reintroduce all the problems in Firefox. I have added an Applet at the top of the page could this be the problem? I have now lost all links on the main buttons in all browsers and Firefox again displays the menus half way across the screen again. Any advice most appreciated this project has to be finished by Monday.

[Ruth]

You need to upgrade the menu. Newest version is 5.727. It think some issue were fixed. And, is that link above to the newest page?

Ruth