• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 335
  • Last Modified:

zindex layering in javascript Fireworks CS3

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....

TIA
RonM


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'");
   mm_menu_1114184852_1.fontWeight="bold";
   mm_menu_1114184852_1.hideOnMouseOut=true;
   mm_menu_1114184852_1.menuBorder=1;
   mm_menu_1114184852_1.menuItemBorder=1;
   mm_menu_1114184852_1.menuLiteBgColor='#003366';
   mm_menu_1114184852_1.menuBorderBgColor='#fffbf0';
   mm_menu_1114184852_1.bgColor='#ff9900';
  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("SIMDUT","location='simdut.asp'");
  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("WebWHMIS","location='webwhmis.asp'");
  mm_menu_1114183905_0.addMenuItem("WHMIS CBT Suite","location='whmis.asp'");
  mm_menu_1114183905_0.addMenuItem("e-learning","location='elearning.asp'");
   mm_menu_1114183905_0.fontWeight="bold";
   mm_menu_1114183905_0.hideOnMouseOut=true;
   mm_menu_1114183905_0.menuBorder=1;
   mm_menu_1114183905_0.menuItemBorder=1;
   mm_menu_1114183905_0.menuLiteBgColor='#999999';
   mm_menu_1114183905_0.menuBorderBgColor='#a6caf0';
   mm_menu_1114183905_0.bgColor='#ff9900';
  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'");
  mm_menu_1114185135_2.addMenuItem("Careers","location='careers.asp'");
   mm_menu_1114185135_2.fontWeight="bold";
   mm_menu_1114185135_2.hideOnMouseOut=true;
   mm_menu_1114185135_2.menuBorder=1;
   mm_menu_1114185135_2.menuItemBorder=1;
   mm_menu_1114185135_2.menuLiteBgColor='#006666';
   mm_menu_1114185135_2.menuBorderBgColor='#555555';
   mm_menu_1114185135_2.bgColor='#ff9900';

  mm_menu_1114185135_2.writeMenus();
} // mmLoadMenus()

//-->
</script>
<script language="JavaScript1.2" type="text/javascript" src="mm_menu.js"></script>
0
KnowledgeWare
Asked:
KnowledgeWare
1 Solution
 
gatorlockedCommented:
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;}
</style>

Hope this helps.
0
 
KnowledgeWareAuthor Commented:
thank you!
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now