zindex layering in javascript Fireworks CS3

Posted on 2011-10-04
Last Modified: 2013-11-05
Hello -

I've spent an irritating afternoon try to layer a javascript menu with zindex. The code below is produced by Adobe Fireworks CS3 (I know its old) for a web site menu. The menus drop down OK but a graphic below rotates and covers them up. I'm trying to find a way to 'layer' the menus below up using zindex, but have been unsuccessful. Anyway know how to fix this? I'm not good with javascript....


function mmLoadMenus() {
  if (window.mm_menu_1114184852_1) return;
  window.mm_menu_1114184852_1 = new Menu("root",244,22,"Verdana, Arial, Helvetica, sans-serif",10,"#29517b","#000000","#f5f5f5","#ff9229","left","middle",4,2,500,-5,7,true,true,true,1,true,true);
  mm_menu_1114184852_1.addMenuItem("Simply!Tracking® Management Software","location='simplytracking.asp'");
  mm_menu_1114184852_1.addMenuItem("Simply Safety!® Management Software","location='simplysafety.asp'");
  window.mm_menu_1114183905_0 = new Menu("root",155,22,"Verdana, Arial, Helvetica, sans-serif",10,"#003366","#000000","#f5f5f5","#ff9229","left","middle",4,2,500,-5,7,true,true,true,0,true,true);
  mm_menu_1114183905_0.addMenuItem("Train The Trainer","location='trainthetrainer.asp'");
  mm_menu_1114183905_0.addMenuItem("Create Your Own Courses","location='simplytracking.asp'");
  mm_menu_1114183905_0.addMenuItem("Infection Control","location='infectioncontrol.asp'");
  mm_menu_1114183905_0.addMenuItem("Food Safety","location='foodsafety.asp'");
  mm_menu_1114183905_0.addMenuItem("WHMIS CBT Suite","location='whmis.asp'");
  window.mm_menu_1114185135_2 = new Menu("root",84,22,"Verdana, Arial, Helvetica, sans-serif",10,"#29517b","#000000","#f5f5f5","#ff8b25","left","middle",4,2,500,-5,7,true,true,true,1,true,true);
  mm_menu_1114185135_2.addMenuItem("Contact Info","location='contact.asp'");
  mm_menu_1114185135_2.addMenuItem("About us","location='about.asp'");

} // mmLoadMenus()

<script language="JavaScript1.2" type="text/javascript" src="mm_menu.js"></script>
Question by:KnowledgeWare
    LVL 2

    Accepted Solution

    The HTML code for the drop down menu should be in an unordered list (tag: <ul>) and this undordered list should have an id="***" where the "***" are something like MenuBar1. If not, add an id="MenuBar1" to the <ul> tag so it looks like this: <ul id="MenuBar1">

    Now it is time to add the css code.

    If you already have an associated css file or css in the header of your HTML file then just add the following code:
    #MenuBar1 {z-index: 1000;}

    If not then you can add this code to the <header> section of your HTML file:
    <style type="text/css">
    #MenuBar1 {z-index: 1000;}

    Hope this helps.

    Author Closing Comment

    thank you!

    Featured Post

    IT, Stop Being Called Into Every Meeting

    Highfive is so simple that setting up every meeting room takes just minutes and every employee will be able to start or join a call from any room with ease. Never be called into a meeting just to get it started again. This is how video conferencing should work!

    Join & Write a Comment

    "That which we persist in doing becomes easier, not that the task itself has become easier, but that our ability to perform it has improved." Ralph Waldo Emerson Introduction: One of the wonderful things about the web is that it makes it s…
    This article shows how to read a single webpage's HTML into a string variable, and it also shows how to automate a sequence so you can read and process a list of webpages.  I was tasked with reading and parsing a series of webpages to collect some s…
    The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    754 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now