Fireworks Popup Menu in Dreamweaver

I created a pop up menu in Fireworks that includes a few
submenus. When I put it in Dreamweaver and post - some pages are
okay. But for some...the arrow that points to the submenues is
replaced with an X. As if the graphic is missing. What's going on?
And any suggestions on how to fix it? I've tried everything. By the
way - the popup menu is part of a template.
Here's an example of the problem:
http://www.salkeiz.k12.or.us/districtcenter/schools/index.htm

> And any suggestions on how to fix it?
This is an education site? If so, you really should be
cognizant of
accessibilty and usability issues. (of course, one should
always be aware of
that, but especially important for public sector sites).
Alas, the menus
that DW and FW create for you are complete and utter crap.
The bottom line
is: do not use them.
Instead, consider one of these:
http://mnteractive.com/archive/hangover-fly-out-navigation-part-ii/
-Darrel

Similar Messages

Problem with fireworks popup menu in dreamweaver, has a huge box.

hi, i made a popup menu in fireworks, and when i open that
html page in dreamweaver, there is a huge white box around the
popup menu area, so that i cant type anything under the menu or
anywhere near it. i was wondering how i get rid of this white box.
any help greatly appreciated. thanks. derek
here is the code

You have Dreamweaver, which is a wonderful and powerful
program for building HTML. So
why are you trying to build a navigation menu in Fireworks,
which is a graphics program? Please. I beg you! Save yourself hours
of headaches: create your graphics in Fireworks and your HTML in
Dreamweaver.
For example, this code would be impossible to maintain.
Here's one of your navigation items:
img src="untitled-4_r2_c2.gif" alt="" name="untitled4_r2_c2"
width="98" height="48" border="0" id="untitled4_r2_c2"
Do you even know which image this is or which link it's
intended to take? Create your images with decent names like
"contact.gif" or "products.gif" so you can write clear code.
The first row and the first and last columns of your table
have 1-pixel spacer gifs. Fireworks always puts in spacer gifs. If
you're not aware of them, and take them out, you might get to later
stages of your development process and wonder why you couldn't get
your navigation menu to line up with everything else.
As for that "big white box," it's a combination of the div
the table is in and the 100% width on the table:
div id="FWTableContainer1329034333
table border="0" cellpadding="0" cellspacing="0" width="100"
I have no idea what the div CSS is doing, but if I comment it
out and take out the 100% width attribute on the table, then I get
something that behaves more reasonably. FWTableContainer1329034333
isn't in your code, but it still does something in my system, so
either the long strings of numbers don't matter or it's coming from
some place else and who knows what it is.
My point is, that by letting Fireworks write bad code for
you, you've set yourself up with something that doesn't work and is
extremely difficult, if not impossible, to debug and maintain. Why
would you do this to yourself?

Adding delay to Fireworks popup menu?

My website reviewers complain that the menus open up too
quickly, often when they are only accidentally moving their mouse
over the menu bar. Is there a way to build in a delay to the menu,
so that the user has to hold the mouse over the menu item for a
second or two before the menu opens? If so, how?
Lisa

Show us the page after you have inserted the (*ugh*) menus,
please.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"IdioC" <[email protected]> wrote in message
news:euk7or$2jp$[email protected]..
>I have search and read the comments on Fireworks popup
menus do not work
>well
> in Dreamweaver 8 and mine is no exception. I was hoping
by now a solution
> is
> available since the post on this subject are not recent.
> I created a Nav bar in Fireworks 8 which works fine in
fireworks and the
> html
> works well by itself in DW 8 until I insert it into my
DW homepage. The
> page
> becomes significantly distorted and unusable.
> The welcome page I am editing is:
>
http://kanreikai.com/
>
> It has a top and bottom menu. The top menu appears fine
after I insert the
> fireworks code replacing the top menu bar but the bottom
menu becomes
> distorted
> with each tab on a seperate line.
>
> The screen capture of the page with the inserted
Fireworks code is here:
>
http://web.mac.com/zymurg/iWeb/Home%20Page/Picture1.png
>
> The Fireworks code is here:
>
http://web.mac.com/zymurg/iWeb/Home%20Page/nav/navbartop.htm
>
>
> I really need help and appreciate all I can get. Thank
ypu for your time
> on
> this.
> my email is
> [email protected]
>
>

Problem with Show Popup Menu in Dreamweaver 8

I am trying to add the behavior show pop up menu to
an image. When I try to I get the error While executing onLoad in
ShowPopup Menu.js the JavaScript error occurred at line 2015 of the
file ....Show PopupMenu.js type error
dw.getNaturalSize(getFullPath(selobj.scr)) has no properties. How
can I fix this I have tried everything I know Thanks Stuck2

These pop-up menus as implemented in DW are quite bad, and
while your error
is most likely unrelated to your use of the menus, I felt I
had to warn you
that their use leads to a wasteland of failed efforts. There
are much
better ways.
You can try this simple fix -
Quit DW.
Find this folder -
C:\Documents and Settings\<username>\Application
Data\Macromedia\Dreamweaver
8\Configuration\WinFileCache-*.dat
(these folders are normally hidden - you may have to use
Explorer > Tools >
Folder Options to unhide them)
or on Mac -
Library/Application Support/Macromedia/Dreamweaver
8/Configuration/MacFileCache-*.dat
and delete it.
Restart DW. Works better?
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"STUCK2" <[email protected]> wrote in
message
news:ehnv6g$k17$[email protected]..
>
I am trying to add the behavior show pop up menu to
an image.
> When I
> try to I get the error While executing onLoad in
ShowPopup Menu.js the
> JavaScript error occurred at line 2015 of the file
....Show PopupMenu.js
> type
> error dw.getNaturalSize(getFullPath(selobj.scr)) has no
properties. How
> can I
> fix this I have tried everything I know Thanks Stuck2
>

Mouse icon issue/question in popup menu creaed in dreamweaver

I have created a popup menu in dreamweaver and everything is fine except the popup menu items do not show a hand icon when mouse is over. It is an arrow or a cursor blink. How can I make it so that it is a hand icon? Thanks.

OK, here it is.
Code from HTML created:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript">

</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>
<body>
<script language="JavaScript1.2">mmLoadMenus();</script>
<a href="http://www.msn.com" name="link1" title="COOKIES" target="_self" id="link1" onmouseover="MM_showMenu(window.mm_menu_0817145255_0,0,19,null,'link1')" onmouseout="MM_startTimeout();">COOKIES</a>
</body>
</html>
The code below is from the js file:
* mm_menu 20MAR2002 Version 6.0
* Andy Finnell, March 2002
* Copyright (c) 2000-2002 Macromedia, Inc.
* based on menu.js
* by gary smith, July 1997
* Copyright (c) 1997-1999 Netscape Communications Corp.
* Netscape grants you a royalty free license to use or modify this
* software provided that this copyright notice appears on all copies.
* This software is provided "AS IS," without a warranty of any kind.
function Menu(label, mw, mh, fnt, fs, fclr, fhclr, bg, bgh, halgn, valgn, pad, space, to, sx, sy, srel, opq, vert, idt, aw, ah)
this.version = "020320 [Menu; mm_menu.js]";
this.type = "Menu";
this.menuWidth = mw;
this.menuItemHeight = mh;
this.fontSize = fs;
this.fontWeight = "plain";
this.fontFamily = fnt;
this.fontColor = fclr;
this.fontColorHilite = fhclr;
this.bgColor = "#555555";
this.menuBorder = 1;
this.menuBgOpaque=opq;
this.menuItemBorder = 1;
this.menuItemIndent = idt;
this.menuItemBgColor = bg;
this.menuItemVAlign = valgn;
this.menuItemHAlign = halgn;
this.menuItemPadding = pad;
this.menuItemSpacing = space;
this.menuLiteBgColor = "#ffffff";
this.menuBorderBgColor = "#777777";
this.menuHiliteBgColor = bgh;
this.menuContainerBgColor = "#cccccc";
this.childMenuIcon = "arrows.gif";
this.submenuXOffset = sx;
this.submenuYOffset = sy;
this.submenuRelativeToItem = srel;
this.vertical = vert;
this.items = new Array();
this.actions = new Array();
this.childMenus = new Array();
this.hideOnMouseOut = true;
this.hideTimeout = to;
this.addMenuItem = addMenuItem;
this.writeMenus = writeMenus;
this.MM_showMenu = MM_showMenu;
this.onMenuItemOver = onMenuItemOver;
this.onMenuItemAction = onMenuItemAction;
this.hideMenu = hideMenu;
this.hideChildMenu = hideChildMenu;
if (!window.menus) window.menus = new Array();
this.label = " " + label;
window.menus[this.label] = this;
window.menus[window.menus.length] = this;
if (!window.activeMenus) window.activeMenus = new Array();
function addMenuItem(label, action) {
this.items[this.items.length] = label;
this.actions[this.actions.length] = action;
function FIND(item) {
if( window.mmIsOpera ) return(document.getElementById(item));
if (document.all) return(document.all[item]);
if (document.getElementById) return(document.getElementById(item));
return(false);
function writeMenus(container) {
if (window.triedToWriteMenus) return;
var agt = navigator.userAgent.toLowerCase();
window.mmIsOpera = agt.indexOf("opera") != -1;
if (!container && document.layers) {
window.delayWriteMenus = this.writeMenus;
var timer = setTimeout('delayWriteMenus()', 500);
container = new Layer(100);
clearTimeout(timer);
} else if (document.all || document.hasChildNodes || window.mmIsOpera) {
document.writeln('<span id="menuContainer"></span>');
container = FIND("menuContainer");
window.mmHideMenuTimer = null;
if (!container) return;
window.triedToWriteMenus = true;
container.isContainer = true;
container.menus = new Array();
for (var i=0; i<window.menus.length; i++)
container.menus[i] = window.menus[i];
window.menus.length = 0;
var countMenus = 0;
var countItems = 0;
var top = 0;
var content = '';
var lrs = false;
var theStat = "";
var tsc = 0;
if (document.layers) lrs = true;
for (var i=0; i<container.menus.length; i++, countMenus++) {
var menu = container.menus[i];
if (menu.bgImageUp || !menu.menuBgOpaque) {
   menu.menuBorder = 0;
   menu.menuItemBorder = 0;
if (lrs) {
   var menuLayer = new Layer(100, container);
   var lite = new Layer(100, menuLayer);
   lite.top = menu.menuBorder;
   lite.left = menu.menuBorder;
   var body = new Layer(100, lite);
   body.top = menu.menuBorder;
   body.left = menu.menuBorder;
} else {
   content += ''+
   '<div id="menuLayer'+ countMenus +'" style="position:absolute;z-index:1;left:10px;top:'+ (i * 100) +'px;visibility:hidden;color:' + menu.menuBorderBgColor + ';">\n'+
   ' <div id="menuLite'+ countMenus +'" style="position:absolute;z-index:1;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;" onmouseout="mouseoutMenu();">\n'+
   ' <div id="menuFg'+ countMenus +'" style="position:absolute;left:'+ menu.menuBorder +'px;top:'+ menu.menuBorder +'px;visibility:hide;">\n'+
var x=i;
for (var i=0; i<menu.items.length; i++) {
   var item = menu.items[i];
   var childMenu = false;
   var defaultHeight = menu.fontSize+2*menu.menuItemPadding;
   if (item.label) {
    item = item.label;
    childMenu = true;
   menu.menuItemHeight = menu.menuItemHeight || defaultHeight;
   var itemProps = '';
   if( menu.fontFamily != '' ) itemProps += 'font-family:' + menu.fontFamily +';';
   itemProps += 'font-weight:' + menu.fontWeight + ';fontSize:' + menu.fontSize + 'px;';
   if (menu.fontStyle) itemProps += 'font-style:' + menu.fontStyle + ';';
   if (document.all || window.mmIsOpera)
    itemProps += 'font-size:' + menu.fontSize + 'px;" onmouseover="onMenuItemOver(null,this);" onclick="onMenuItemAction(null,this);';
   else if (!document.layers) {
    itemProps += 'font-size:' + menu.fontSize + 'px;';
   var l;
   if (lrs) {
    var lw = menu.menuWidth;
    if( menu.menuItemHAlign == 'right' ) lw -= menu.menuItemPadding;
    l = new Layer(lw,body);
   var itemLeft = 0;
   var itemTop = i*menu.menuItemHeight;
   if( !menu.vertical ) {
    itemLeft = i*menu.menuWidth;
    itemTop = 0;
   var dTag = '<div id="menuItem'+ countItems +'" style="position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';
   var dClose = '</div>'
   if (menu.bgImageUp) dTag = '<div id="menuItem'+ countItems +'" style="background:url('+menu.bgImageUp+');position:absolute;left:' + itemLeft + 'px;top:'+ itemTop +'px;'+ itemProps +'">';
   var left = 0, top = 0, right = 0, bottom = 0;
   left = 1 + menu.menuItemPadding + menu.menuItemIndent;
   right = left + menu.menuWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
   if( menu.menuItemVAlign == 'top' ) top = menu.menuItemPadding;
   if( menu.menuItemVAlign == 'bottom' ) top = menu.menuItemHeight-menu.fontSize-1-menu.menuItemPadding;
   if( menu.menuItemVAlign == 'middle' ) top = ((menu.menuItemHeight/2)-(menu.fontSize/2)-1);
   bottom = menu.menuItemHeight - 2*menu.menuItemPadding;
   var textProps = 'position:absolute;left:' + left + 'px;top:' + top + 'px;';
   if (lrs) {
    textProps +=itemProps + 'right:' + right + ';bottom:' + bottom + ';';
    dTag = "";
    dClose = "";
   if(document.all && !window.mmIsOpera) {
    item = '<div align="' + menu.menuItemHAlign + '">' + item + '</div>';
   } else if (lrs) {
    item = '<div style="text-align:' + menu.menuItemHAlign + ';">' + item + '</div>';
   } else {
    var hitem = null;
    if( menu.menuItemHAlign != 'left' ) {
     if(window.mmIsOpera) {
      var operaWidth = menu.menuItemHAlign == 'center' ? -(menu.menuWidth-2*menu.menuItemPadding) : (menu.menuWidth-6*menu.menuItemPadding);
      hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:'
       + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
      item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:' + menu.menuItemPadding + 'px;width:' + operaWidth + 'px;text-align:'
       + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
     } else {
      hitem = '<div id="menuItemHilite' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:'
       + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
      item = '<div id="menuItemText' + countItems + 'Shim" style="position:absolute;top:1px;left:1px;right:-' + (left+menu.menuWidth-3*menu.menuItemPadding) + 'px;text-align:'
       + menu.menuItemHAlign + ';visibility:visible;">' + item + '</div>';
    } else hitem = null;
   if(document.all && !window.mmIsOpera) item = '<div id="menuItemShim' + countItems + '" style="position:absolute;left:0px;top:0px;">' + item + '</div>';
   var dText = '<div id="menuItemText'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColor +';">'+ item +'&nbsp</div>\n'
      + '<div id="menuItemHilite'+ countItems +'" style="' + textProps + 'color:'+ menu.fontColorHilite +';visibility:hidden;">'
      + (hitem||item) +'&nbsp</div>';
   if (childMenu) content += ( dTag + dText + '<div id="childMenu'+ countItems +'" style="position:absolute;left:0px;top:3px;"><img src="'+ menu.childMenuIcon +'"></div>\n' + dClose);
   else content += ( dTag + dText + dClose);
   if (lrs) {
    l.document.open("text/html");
    l.document.writeln(content);
    l.document.close();
    content = '';
    theStat += "-";
    tsc++;
    if (tsc > 50) {
     tsc = 0;
     theStat = "";
    status = theStat;
   countItems++;
if (lrs) {
   var focusItem = new Layer(100, body);
   focusItem.visiblity="hidden";
   focusItem.document.open("text/html");
   focusItem.document.writeln(" ");
   focusItem.document.close();
} else {
    content += '   <div id="focusItem'+ countMenus +'" style="position:absolute;left:0px;top:0px;visibility:hide;" onclick="onMenuItemAction(null,this);"> </div>\n';
    content += '   </div>\n </div>\n</div>\n';
i=x;
if (document.layers) {
container.clip.width = window.innerWidth;
container.clip.height = window.innerHeight;
container.onmouseout = mouseoutMenu;
container.menuContainerBgColor = this.menuContainerBgColor;
for (var i=0; i<container.document.layers.length; i++) {
   proto = container.menus[i];
   var menu = container.document.layers[i];
   container.menus[i].menuLayer = menu;
   container.menus[i].menuLayer.Menu = container.menus[i];
   container.menus[i].menuLayer.Menu.container = container;
   var body = menu.document.layers[0].document.layers[0];
   body.clip.width = proto.menuWidth || body.clip.width;
   body.clip.height = proto.menuHeight || body.clip.height;
   for (var n=0; n<body.document.layers.length-1; n++) {
    var l = body.document.layers[n];
    l.Menu = container.menus[i];
    l.menuHiliteBgColor = proto.menuHiliteBgColor;
    l.document.bgColor = proto.menuItemBgColor;
    l.saveColor = proto.menuItemBgColor;
    l.onmouseover = proto.onMenuItemOver;
    l.onclick = proto.onMenuItemAction;
    l.mmaction = container.menus[i].actions[n];
    l.focusItem = body.document.layers[body.document.layers.length-1];
    l.clip.width = proto.menuWidth || body.clip.width;
    l.clip.height = proto.menuItemHeight || l.clip.height;
    if (n>0) {
     if( l.Menu.vertical ) l.top = body.document.layers[n-1].top + body.document.layers[n-1].clip.height + proto.menuItemBorder + proto.menuItemSpacing;
     else l.left = body.document.layers[n-1].left + body.document.layers[n-1].clip.width + proto.menuItemBorder + proto.menuItemSpacing;
    l.hilite = l.document.layers[1];
    if (proto.bgImageUp) l.background.src = proto.bgImageUp;
    l.document.layers[1].isHilite = true;
    if (l.document.layers.length > 2) {
     l.childMenu = container.menus[i].items[n].menuLayer;
     l.document.layers[2].left = l.clip.width -13;
     l.document.layers[2].top = (l.clip.height / 2) -4;
     l.document.layers[2].clip.left += 3;
     l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
   if( proto.menuBgOpaque ) body.document.bgColor = proto.bgColor;
   if( proto.vertical ) {
    body.clip.width = l.clip.width +proto.menuBorder;
    body.clip.height = l.top + l.clip.height +proto.menuBorder;
   } else {
    body.clip.height = l.clip.height +proto.menuBorder;
    body.clip.width = l.left + l.clip.width +proto.menuBorder;
    if( body.clip.width > window.innerWidth ) body.clip.width = window.innerWidth;
   var focusItem = body.document.layers[n];
   focusItem.clip.width = body.clip.width;
   focusItem.Menu = l.Menu;
   focusItem.top = -30;
            focusItem.captureEvents(Event.MOUSEDOWN);
            focusItem.onmousedown = onMenuItemDown;
   if( proto.menuBgOpaque ) menu.document.bgColor = proto.menuBorderBgColor;
   var lite = menu.document.layers[0];
   if( proto.menuBgOpaque ) lite.document.bgColor = proto.menuLiteBgColor;
   lite.clip.width = body.clip.width +1;
   lite.clip.height = body.clip.height +1;
   menu.clip.width = body.clip.width + (proto.menuBorder * 3) ;
   menu.clip.height = body.clip.height + (proto.menuBorder * 3);
} else {
if ((!document.all) && (container.hasChildNodes) && !window.mmIsOpera) {
   container.innerHTML=content;
} else {
   container.document.open("text/html");
   container.document.writeln(content);
   container.document.close();
if (!FIND("menuLayer0")) return;
var menuCount = 0;
for (var x=0; x<container.menus.length; x++) {
   var menuLayer = FIND("menuLayer" + x);
   container.menus[x].menuLayer = "menuLayer" + x;
   menuLayer.Menu = container.menus[x];
   menuLayer.Menu.container = "menuLayer" + x;
   menuLayer.style.zindex = 1;
      var s = menuLayer.style;
   s.pixeltop = -300;
   s.pixelleft = -300;
   s.top = '-300px';
   s.left = '-300px';
   var menu = container.menus[x];
   menu.menuItemWidth = menu.menuWidth || menu.menuIEWidth || 140;
   if( menu.menuBgOpaque ) menuLayer.style.backgroundColor = menu.menuBorderBgColor;
   var top = 0;
   var left = 0;
   menu.menuItemLayers = new Array();
   for (var i=0; i<container.menus[x].items.length; i++) {
    var l = FIND("menuItem" + menuCount);
    l.Menu = container.menus[x];
    l.Menu.menuItemLayers[l.Menu.menuItemLayers.length] = l;
    if (l.addEventListener || window.mmIsOpera) {
     l.style.width = menu.menuItemWidth + 'px';
     l.style.height = menu.menuItemHeight + 'px';
     l.style.pixelWidth = menu.menuItemWidth;
     l.style.pixelHeight = menu.menuItemHeight;
     l.style.top = top + 'px';
     l.style.left = left + 'px';
     if(l.addEventListener) {
      l.addEventListener("mouseover", onMenuItemOver, false);
      l.addEventListener("click", onMenuItemAction, false);
      l.addEventListener("mouseout", mouseoutMenu, false);
     if( menu.menuItemHAlign != 'left' ) {
      l.hiliteShim = FIND("menuItemHilite" + menuCount + "Shim");
      l.hiliteShim.style.visibility = "inherit";
      l.textShim = FIND("menuItemText" + menuCount + "Shim");
      l.hiliteShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
      l.hiliteShim.style.width = l.hiliteShim.style.pixelWidth;
      l.textShim.style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
      l.textShim.style.width = l.textShim.style.pixelWidth;
    } else {
     l.style.pixelWidth = menu.menuItemWidth;
     l.style.pixelHeight = menu.menuItemHeight;
     l.style.pixelTop = top;
     l.style.pixelLeft = left;
     if( menu.menuItemHAlign != 'left' ) {
      var shim = FIND("menuItemShim" + menuCount);
      shim[0].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
      shim[1].style.pixelWidth = menu.menuItemWidth - 2*menu.menuItemPadding - menu.menuItemIndent;
      shim[0].style.width = shim[0].style.pixelWidth + 'px';
      shim[1].style.width = shim[1].style.pixelWidth + 'px';
    if( menu.vertical ) top = top + menu.menuItemHeight+menu.menuItemBorder+menu.menuItemSpacing;
    else left = left + menu.menuItemWidth+menu.menuItemBorder+menu.menuItemSpacing;
    l.style.fontSize = menu.fontSize + 'px';
    l.style.backgroundColor = menu.menuItemBgColor;
    l.style.visibility = "inherit";
    l.saveColor = menu.menuItemBgColor;
    l.menuHiliteBgColor = menu.menuHiliteBgColor;
    l.mmaction = container.menus[x].actions[i];
    l.hilite = FIND("menuItemHilite" + menuCount);
    l.focusItem = FIND("focusItem" + x);
    l.focusItem.style.pixelTop = -30;
    l.focusItem.style.top = '-30px';
    var childItem = FIND("childMenu" + menuCount);
    if (childItem) {
     l.childMenu = container.menus[x].items[i].menuLayer;
     childItem.style.pixelLeft = menu.menuItemWidth -11;
     childItem.style.left = childItem.style.pixelLeft + 'px';
     childItem.style.pixelTop = (menu.menuItemHeight /2) -4;
     childItem.style.top = childItem.style.pixelTop + 'px';
     l.Menu.childMenus[l.Menu.childMenus.length] = l.childMenu;
    l.style.cursor = "hand";
    menuCount++;
   if( menu.vertical ) {
    menu.menuHeight = top-1-menu.menuItemSpacing;
    menu.menuWidth = menu.menuItemWidth;
   } else {
    menu.menuHeight = menu.menuItemHeight;
    menu.menuWidth = left-1-menu.menuItemSpacing;
   var lite = FIND("menuLite" + x);
   var s = lite.style;
   s.pixelHeight = menu.menuHeight +(menu.menuBorder * 2);
   s.height = s.pixelHeight + 'px';
   s.pixelWidth = menu.menuWidth + (menu.menuBorder * 2);
   s.width = s.pixelWidth + 'px';
   if( menu.menuBgOpaque ) s.backgroundColor = menu.menuLiteBgColor;
   var body = FIND("menuFg" + x);
   s = body.style;
   s.pixelHeight = menu.menuHeight + menu.menuBorder;
   s.height = s.pixelHeight + 'px';
   s.pixelWidth = menu.menuWidth + menu.menuBorder;
   s.width = s.pixelWidth + 'px';
   if( menu.menuBgOpaque ) s.backgroundColor = menu.bgColor;
   s = menuLayer.style;
   s.pixelWidth = menu.menuWidth + (menu.menuBorder * 4);
   s.width = s.pixelWidth + 'px';
   s.pixelHeight = menu.menuHeight+(menu.menuBorder*4);
   s.height = s.pixelHeight + 'px';
if (document.captureEvents) document.captureEvents(Event.MOUSEUP);
if (document.addEventListener) document.addEventListener("mouseup", onMenuItemOver, false);
if (document.layers && window.innerWidth) {
window.onresize = NS4resize;
window.NS4sIW = window.innerWidth;
window.NS4sIH = window.innerHeight;
setTimeout("NS4resize()",500);
document.onmouseup = mouseupMenu;
window.mmWroteMenu = true;
status = "";
function NS4resize() {
if (NS4sIW != window.innerWidth || NS4sIH != window.innerHeight) window.location.reload();
function onMenuItemOver(e, l) {
MM_clearTimeout();
l = l || this;
var a = window.ActiveMenuItem;
if (document.layers) {
if (a) {
   a.document.bgColor = a.saveColor;
   if (a.hilite) a.hilite.visibility = "hidden";
   if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
   a.focusItem.top = -100;
   a.clicked = false;
if (l.hilite) {
   l.document.bgColor = l.menuHiliteBgColor;
   l.zIndex = 1;
   l.hilite.visibility = "inherit";
   l.hilite.zIndex = 2;
   l.document.layers[1].zIndex = 1;
   l.focusItem.zIndex = this.zIndex +2;
if (l.Menu.bgImageOver) l.background.src = l.Menu.bgImageOver;
l.focusItem.top = this.top;
l.focusItem.left = this.left;
l.focusItem.clip.width = l.clip.width;
l.focusItem.clip.height = l.clip.height;
l.Menu.hideChildMenu(l);
} else if (l.style && l.Menu) {
if (a) {
   a.style.backgroundColor = a.saveColor;
   if (a.hilite) a.hilite.style.visibility = "hidden";
   if (a.hiliteShim) a.hiliteShim.style.visibility = "inherit";
   if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";;
l.style.backgroundColor = l.menuHiliteBgColor;
l.zIndex = 1;
if (l.Menu.bgImageOver) l.style.background = "url(" + l.Menu.bgImageOver +")";
if (l.hilite) {
   l.hilite.style.visibility = "inherit";
   if( l.hiliteShim ) l.hiliteShim.style.visibility = "visible";
l.focusItem.style.pixelTop = l.style.pixelTop;
l.focusItem.style.top = l.focusItem.style.pixelTop + 'px';
l.focusItem.style.pixelLeft = l.style.pixelLeft;
l.focusItem.style.left = l.focusItem.style.pixelLeft + 'px';
l.focusItem.style.zIndex = l.zIndex +1;
l.Menu.hideChildMenu(l);
} else return;
window.ActiveMenuItem = l;
function onMenuItemAction(e, l) {
l = window.ActiveMenuItem;
if (!l) return;
hideActiveMenus();
if (l.mmaction) eval("" + l.mmaction);
window.ActiveMenuItem = 0;
function MM_clearTimeout() {
if (mmHideMenuTimer) clearTimeout(mmHideMenuTimer);
mmHideMenuTimer = null;
mmDHFlag = false;
function MM_startTimeout() {
if( window.ActiveMenu ) {
mmStart = new Date();
mmDHFlag = true;
mmHideMenuTimer = setTimeout("mmDoHide()", window.ActiveMenu.Menu.hideTimeout);
function mmDoHide() {
if (!mmDHFlag || !window.ActiveMenu) return;
var elapsed = new Date() - mmStart;
var timeout = window.ActiveMenu.Menu.hideTimeout;
if (elapsed < timeout) {
mmHideMenuTimer = setTimeout("mmDoHide()", timeout+100-elapsed);
return;
mmDHFlag = false;
hideActiveMenus();
window.ActiveMenuItem = 0;
function MM_showMenu(menu, x, y, child, imgname) {
if (!window.mmWroteMenu) return;
MM_clearTimeout();
if (menu) {
var obj = FIND(imgname) || document.images[imgname] || document.links[imgname] || document.anchors[imgname];
x = moveXbySlicePos (x, obj);
y = moveYbySlicePos (y, obj);
if (document.layers) {
if (menu) {
   var l = menu.menuLayer || menu;
   l.top = l.left = 1;
   hideActiveMenus();
   if (this.visibility) l = this;
   window.ActiveMenu = l;
} else {
   var l = child;
if (!l) return;
for (var i=0; i<l.layers.length; i++) {
   if (!l.layers[i].isHilite) l.layers[i].visibility = "inherit";
   if (l.layers[i].document.layers.length > 0) MM_showMenu(null, "relative", "relative", l.layers[i]);
if (l.parentLayer) {
   if (x != "relative") l.parentLayer.left = x || window.pageX || 0;
   if (l.parentLayer.left + l.clip.width > window.innerWidth) l.parentLayer.left -= (l.parentLayer.left + l.clip.width - window.innerWidth);
   if (y != "relative") l.parentLayer.top = y || window.pageY || 0;
   if (l.parentLayer.isContainer) {
    l.Menu.xOffset = window.pageXOffset;
    l.Menu.yOffset = window.pageYOffset;
    l.parentLayer.clip.width = window.ActiveMenu.clip.width +2;
    l.parentLayer.clip.height = window.ActiveMenu.clip.height +2;
    if (l.parentLayer.menuContainerBgColor && l.Menu.menuBgOpaque ) l.parentLayer.document.bgColor = l.parentLayer.menuContainerBgColor;
l.visibility = "inherit";
if (l.Menu) l.Menu.container.visibility = "inherit";
} else if (FIND("menuItem0")) {
var l = menu.menuLayer || menu;
hideActiveMenus();
if (typeof(l) == "string") l = FIND(l);
window.ActiveMenu = l;
var s = l.style;
s.visibility = "inherit";
if (x != "relative") {
   s.pixelLeft = x || (window.pageX + document.body.scrollLeft) || 0;
   s.left = s.pixelLeft + 'px';
if (y != "relative") {
   s.pixelTop = y || (window.pageY + document.body.scrollTop) || 0;
   s.top = s.pixelTop + 'px';
l.Menu.xOffset = document.body.scrollLeft;
l.Menu.yOffset = document.body.scrollTop;
if (menu) window.activeMenus[window.activeMenus.length] = l;
MM_clearTimeout();
function onMenuItemDown(e, l) {
var a = window.ActiveMenuItem;
if (document.layers && a) {
a.eX = e.pageX;
a.eY = e.pageY;
a.clicked = true;
function mouseupMenu(e) {
hideMenu(true, e);
hideActiveMenus();
return true;
function getExplorerVersion() {
var ieVers = parseFloat(navigator.appVersion);
if( navigator.appName != 'Microsoft Internet Explorer' ) return ieVers;
var tempVers = navigator.appVersion;
var i = tempVers.indexOf( 'MSIE ' );
if( i >= 0 ) {
tempVers = tempVers.substring( i+5 );
ieVers = parseFloat( tempVers );
return ieVers;
function mouseoutMenu() {
if ((navigator.appName == "Microsoft Internet Explorer") && (getExplorerVersion() < 4.5))
return true;
hideMenu(false, false);
return true;
function hideMenu(mouseup, e) {
var a = window.ActiveMenuItem;
if (a && document.layers) {
a.document.bgColor = a.saveColor;
a.focusItem.top = -30;
if (a.hilite) a.hilite.visibility = "hidden";
if (mouseup && a.mmaction && a.clicked && window.ActiveMenu) {
    if (a.eX <= e.pageX+15 && a.eX >= e.pageX-15 && a.eY <= e.pageY+10 && a.eY >= e.pageY-10) {
    setTimeout('window.ActiveMenu.Menu.onMenuItemAction();', 500);
a.clicked = false;
if (a.Menu.bgImageOver) a.background.src = a.Menu.bgImageUp;
} else if (window.ActiveMenu && FIND("menuItem0")) {
if (a) {
   a.style.backgroundColor = a.saveColor;
   if (a.hilite) a.hilite.style.visibility = "hidden";
   if (a.hiliteShim) a.hiliteShim.style.visibility = "inherit";
   if (a.Menu.bgImageUp) a.style.background = "url(" + a.Menu.bgImageUp +")";
if (!mouseup && window.ActiveMenu) {
if (window.ActiveMenu.Menu) {
   if (window.ActiveMenu.Menu.hideOnMouseOut) MM_startTimeout();
   return(true);
return(true);
function hideChildMenu(hcmLayer) {
MM_clearTimeout();
var l = hcmLayer;
for (var i=0; i < l.Menu.childMenus.length; i++) {
var theLayer = l.Menu.childMenus[i];
if (document.layers) theLayer.visibility = "hidden";
else {
   theLayer = FIND(theLayer);
   theLayer.style.visibility = "hidden";
   if( theLayer.Menu.menuItemHAlign != 'left' ) {
    for(var j = 0; j < theLayer.Menu.menuItemLayers.length; j++) {
     var itemLayer = theLayer.Menu.menuItemLayers[j];
     if(itemLayer.textShim) itemLayer.textShim.style.visibility = "inherit";
theLayer.Menu.hideChildMenu(theLayer);
if (l.childMenu) {
var childMenu = l.childMenu;
if (document.layers) {
   l.Menu.MM_showMenu(null,null,null,childMenu.layers[0]);
   childMenu.zIndex = l.parentLayer.zIndex +1;
   childMenu.top = l.Menu.menuLayer.top + l.Menu.submenuYOffset;
   if( l.Menu.vertical ) {
    if( l.Menu.submenuRelativeToItem ) childMenu.top += l.top + l.parentLayer.top;
    childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
   } else {
    childMenu.top += l.top + l.parentLayer.top;
    if( l.Menu.submenuRelativeToItem ) childMenu.left = l.Menu.menuLayer.left + l.left + l.clip.width + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
    else childMenu.left = l.parentLayer.left + l.parentLayer.clip.width - (2*l.Menu.menuBorder) + l.Menu.menuLayer.left + l.Menu.submenuXOffset;
   if( childMenu.left < l.Menu.container.clip.left ) l.Menu.container.clip.left = childMenu.left;
   var w = childMenu.clip.width+childMenu.left-l.Menu.container.clip.left;
   if (w > l.Menu.container.clip.width) l.Menu.container.clip.width = w;
   var h = childMenu.clip.height+childMenu.top-l.Menu.container.clip.top;
   if (h > l.Menu.container.clip.height) l.Menu.container.clip.height = h;
   l.document.layers[1].zIndex = 0;
   childMenu.visibility = "inherit";
} else if (FIND("menuItem0")) {
   childMenu = FIND(l.childMenu);
   var menuLayer = FIND(l.Menu.menuLayer);
   var s = childMenu.style;
   s.zIndex = menuLayer.style.zIndex+1;
   if (document.all || window.mmIsOpera) {
    s.pixelTop = menuLayer.style.pixelTop + l.Menu.submenuYOffset;
    if( l.Menu.vertical ) {
     if( l.Menu.submenuRelativeToItem ) s.pixelTop += l.style.pixelTop;
     s.pixelLeft = l.style.pixelWidth + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
     s.left = s.pixelLeft + 'px';
    } else {
     s.pixelTop += l.style.pixelTop;
     if( l.Menu.submenuRelativeToItem ) s.pixelLeft = menuLayer.style.pixelLeft + l.style.pixelLeft + l.style.pixelWidth + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
     else s.pixelLeft = (menuLayer.style.pixelWidth-4*l.Menu.menuBorder) + menuLayer.style.pixelLeft + l.Menu.submenuXOffset;
     s.left = s.pixelLeft + 'px';
   } else {
    var top = parseInt(menuLayer.style.top) + l.Menu.submenuYOffset;
    var left = 0;
    if( l.Menu.vertical ) {
     if( l.Menu.submenuRelativeToItem ) top += parseInt(l.style.top);
     left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
    } else {
     top += parseInt(l.style.top);
     if( l.Menu.submenuRelativeToItem ) left = parseInt(menuLayer.style.left) + parseInt(l.style.left) + parseInt(l.style.width) + (2*l.Menu.menuBorder) + l.Menu.submenuXOffset;
     else left = (parseInt(menuLayer.style.width)-4*l.Menu.menuBorder) + parseInt(menuLayer.style.left) + l.Menu.submenuXOffset;
    s.top = top + 'px';
    s.left = left + 'px';
   childMenu.style.visibility = "inherit";
} else return;
window.activeMenus[window.activeMenus.length] = childMenu;
function hideActiveMenus() {
if (!window.activeMenus) return;
for (var i=0; i < window.activeMenus.length; i++) {
if (!activeMenus[i]) continue;
if (activeMenus[i].visibility && activeMenus[i].Menu && !window.mmIsOpera) {
   activeMenus[i].visibility = "hidden";
   activeMenus[i].Menu.container.visibility = "hidden";
   activeMenus[i].Menu.container.clip.left = 0;
} else if (activeMenus[i].style) {
   var s = activeMenus[i].style;
   s.visibility = "hidden";
   s.left = '-200px';
   s.top = '-200px';
if (window.ActiveMenuItem) hideMenu(false, false);
window.activeMenus.length = 0;
function moveXbySlicePos (x, img) {
if (!document.layers) {
var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
var par = img;
var lastOffset = 0;
while(par){
   if( par.leftMargin && ! onWindows ) x += parseInt(par.leftMargin);
   if( (par.offsetLeft != lastOffset) && par.offsetLeft ) x += parseInt(par.offsetLeft);
   if( par.offsetLeft != 0 ) lastOffset = par.offsetLeft;
   par = macIE45 ? par.parentElement : par.offsetParent;
} else if (img.x) x += img.x;
return x;
function moveYbySlicePos (y, img) {
if(!document.layers) {
var onWindows = navigator.platform ? navigator.platform == "Win32" : false;
var macIE45 = document.all && !onWindows && getExplorerVersion() == 4.5;
var par = img;
var lastOffset = 0;
while(par){
   if( par.topMargin && !onWindows ) y += parseInt(par.topMargin);
   if( (par.offsetTop != lastOffset) && par.offsetTop ) y += parseInt(par.offsetTop);
   if( par.offsetTop != 0 ) lastOffset = par.offsetTop;
   par = macIE45 ? par.parentElement : par.offsetParent;
} else if (img.y >= 0) y += img.y;
return y;

Please help- Fireworks CS3 popup menu displaying wrong positions on live page

Greetings all,
I am new to Fireworks and my knowledge of html and dreamweaver is pretty basic, So i am learning as I go here. My problem is this: I have created a popup menu for the site http://www.theatricalprojections.com I used Fireworks to edit a .png and position the menus and links that I want. I had everything set up the way I wanted it to look except that when I published the code, the menus are showing up in the wrong postions on the live site, while it works fine when I preview it locally. You'll notice that the menu popping up for the word "consoles" isn't next to the word where it should be.
I exported the png to an htm file. I then copied this code and I had to paste it into a box in the Able Commerce system we have for managing the site. I suspect the fact that I am insterting the code into a box within this software makes things different though I really have no idea.
Please help me!
Ill be glad to post any other info to make this isse more clear
Jonny

the design will stay, but thank you. When I left work I uploaded the old version that had menus aligned correctly. right now the new one is up and the some of the menus are way of out place I've been trying to fix this and I have no Idea what to do!

Fireworks drop down menu in Dreamweaver not working..

I have created a drop down menu in fireworks uploaded it to dreamweaver and tested it in the preview in firefox option and it worked fine. But when i uploaded the page to my website it did not work how can i make it work?
Heres the code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
    @import url("navbar.css");
#Layer1 {
    position:absolute;
    left:50%;
top:50%;
    width:200px;
    height:52px;
    z-index:1;
    left: 258px;
    top: 100px;
body {
    background-image: url(Chicken%20background.png);
#Layer2 {
    position:absolute;
left:300px;
top:-1px;
    width:200px;
    height:73px;
    z-index:2;
    left: 302px;
    top: 26px;
#Layer3 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:3;
    left: 373px;
    top: 208px;
</style>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
</head>
<body>
<div id="Layer1">
<div id="FWTableContainer2076544957">
<table border="0" cellpadding="0" cellspacing="0" width="850">
    
    <tr>
      <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="11" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="10" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="4" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="4" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="11"><img name="navbar_r1_c1" src="navbar_r1_c1.jpg" width="850" height="2" border="0" id="navbar_r1_c1" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="9"><img name="navbar_r2_c1" src="navbar_r2_c1.jpg" width="686" height="1" border="0" id="navbar_r2_c1" alt="" /></td>
      <td rowspan="3"><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0915164902_0', 'MMMenu0915164902_0',5,42,'navbar_r2_c10');"><img name="navbar_r2_c10" src="navbar_r2_c10.jpg" width="160" height="41" border="0" id="navbar_r2_c10" alt="" /></a></td>
      <td rowspan="6"><img name="navbar_r2_c11" src="navbar_r2_c11.jpg" width="4" height="48" border="0" id="navbar_r2_c11" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="3"><img name="navbar_r3_c1" src="navbar_r3_c1.jpg" width="180" height="1" border="0" id="navbar_r3_c1" alt="" /></td>
      <td rowspan="3"><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0915164218_1', 'MMMenu0915164218_1',11,42,'navbar_r3_c4');"><img name="navbar_r3_c4" src="navbar_r3_c4.jpg" width="160" height="41" border="0" id="navbar_r3_c4" alt="" /></a></td>
      <td rowspan="5"><img name="navbar_r3_c5" src="navbar_r3_c5.jpg" width="12" height="47" border="0" id="navbar_r3_c5" alt="" /></td>
      <td rowspan="3"><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0915164502_2', 'MMMenu0915164502_2',1,42,'navbar_r3_c6');"><img name="navbar_r3_c6" src="navbar_r3_c6.jpg" width="160" height="41" border="0" id="navbar_r3_c6" alt="" /></a></td>
      <td colspan="3"><img name="navbar_r3_c7" src="navbar_r3_c7.jpg" width="174" height="1" border="0" id="navbar_r3_c7" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="4"><img name="navbar_r4_c1" src="navbar_r4_c1.jpg" width="9" height="46" border="0" id="navbar_r4_c1" alt="" /></td>
      <td rowspan="3"><a href="homepage.html"><img name="navbar_r4_c2" src="navbar_r4_c2.jpg" width="160" height="41" border="0" id="navbar_r4_c2" alt="" /></a></td>
      <td rowspan="4"><img name="navbar_r4_c3" src="navbar_r4_c3.jpg" width="11" height="46" border="0" id="navbar_r4_c3" alt="" /></td>
      <td rowspan="4"><img name="navbar_r4_c7" src="navbar_r4_c7.jpg" width="10" height="46" border="0" id="navbar_r4_c7" alt="" /></td>
      <td rowspan="3"><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0915164633_3', 'MMMenu0915164633_3',0,41,'navbar_r4_c8');"><img name="navbar_r4_c8" src="navbar_r4_c8.jpg" width="160" height="41" border="0" id="navbar_r4_c8" alt="" /></a></td>
      <td rowspan="4"><img name="navbar_r4_c9" src="navbar_r4_c9.jpg" width="4" height="46" border="0" id="navbar_r4_c9" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="39" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="3"><img name="navbar_r5_c10" src="navbar_r5_c10.jpg" width="160" height="7" border="0" id="navbar_r5_c10" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2"><img name="navbar_r6_c4" src="navbar_r6_c4.jpg" width="160" height="6" border="0" id="navbar_r6_c4" alt="" /></td>
      <td rowspan="2"><img name="navbar_r6_c6" src="navbar_r6_c6.jpg" width="160" height="6" border="0" id="navbar_r6_c6" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img name="navbar_r7_c2" src="navbar_r7_c2.jpg" width="160" height="5" border="0" id="navbar_r7_c2" alt="" /></td>
      <td><img name="navbar_r7_c8" src="navbar_r7_c8.jpg" width="160" height="5" border="0" id="navbar_r7_c8" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="5" border="0" alt="" /></td>
    </tr>
</table>
<div id="MMMenuContainer0915164902_0">
    <div id="MMMenu0915164902_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="cats.html" target="_self" id="MMMenu0915164902_0_Item_0" class="MMMIFVStyleMMMenu0915164902_0" onmouseover="MM_menuOverMenuItem('MMMenu0915164902_0');"> Cats </a> <a href="other.html" target="_self" id="MMMenu0915164902_0_Item_1" class="MMMIVStyleMMMenu0915164902_0" onmouseover="MM_menuOverMenuItem('MMMenu0915164902_0');"> Other stuff </a> </div>
</div>
<div id="MMMenuContainer0915164218_1">
    <div id="MMMenu0915164218_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="stationery.html" target="_self" id="MMMenu0915164218_1_Item_0" class="MMMIFVStyleMMMenu0915164218_1" onmouseover="MM_menuOverMenuItem('MMMenu0915164218_1');"> Stationery </a> <a href="art.html" target="_self" id="MMMenu0915164218_1_Item_1" class="MMMIVStyleMMMenu0915164218_1" onmouseover="MM_menuOverMenuItem('MMMenu0915164218_1');"> Art </a> <a href="gifts.html" target="_self" id="MMMenu0915164218_1_Item_2" class="MMMIVStyleMMMenu0915164218_1" onmouseover="MM_menuOverMenuItem('MMMenu0915164218_1');"> Great Gifts </a> </div>
</div>
<div id="MMMenuContainer0915164502_2">
    <div id="MMMenu0915164502_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="contactemail.html" target="_self" id="MMMenu0915164502_2_Item_0" class="MMMIFVStyleMMMenu0915164502_2" onmouseover="MM_menuOverMenuItem('MMMenu0915164502_2');"> Email </a> <a href="contactmap.html" target="_self" id="MMMenu0915164502_2_Item_1" class="MMMIVStyleMMMenu0915164502_2" onmouseover="MM_menuOverMenuItem('MMMenu0915164502_2');"> Map </a> <a href="contactnumbers.html" target="_self" id="MMMenu0915164502_2_Item_2" class="MMMIVStyleMMMenu0915164502_2" onmouseover="MM_menuOverMenuItem('MMMenu0915164502_2');"> Phone Numbers </a> </div>
</div>
<div id="MMMenuContainer0915164633_3">
    <div id="MMMenu0915164633_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="suppliers.html" target="_self" id="MMMenu0915164633_3_Item_0" class="MMMIFVStyleMMMenu0915164633_3" onmouseover="MM_menuOverMenuItem('MMMenu0915164633_3');"> Suppliers </a> <a href="topics.html" id="MMMenu0915164633_3_Item_1" class="MMMIVStyleMMMenu0915164633_3" onmouseover="MM_menuOverMenuItem('MMMenu0915164633_3');"> Related topics </a> </div>
</div>
</div>
</div>
<div id="Layer2">
<img src="title.png" alt="title" width="750" height="70" /></div>
</body>
</html>

I have created a drop down menu in fireworks uploaded it to dreamweaver and tested it in the preview in firefox option and it worked fine. But when i uploaded the page to my website it did not work how can i make it work?
Heres the code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css" media="screen">
    @import url("navbar.css");
#Layer1 {
    position:absolute;
    left:50%;
top:50%;
    width:200px;
    height:52px;
    z-index:1;
    left: 258px;
    top: 100px;
body {
    background-image: url(Chicken%20background.png);
#Layer2 {
    position:absolute;
left:300px;
top:-1px;
    width:200px;
    height:73px;
    z-index:2;
    left: 302px;
    top: 26px;
#Layer3 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:3;
    left: 373px;
    top: 208px;
</style>
<script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
</head>
<body>
<div id="Layer1">
<div id="FWTableContainer2076544957">
<table border="0" cellpadding="0" cellspacing="0" width="850">
    
    <tr>
      <td><img src="spacer.gif" width="9" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="11" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="12" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="10" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="4" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="160" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="4" height="1" border="0" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="11"><img name="navbar_r1_c1" src="navbar_r1_c1.jpg" width="850" height="2" border="0" id="navbar_r1_c1" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="2" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="9"><img name="navbar_r2_c1" src="navbar_r2_c1.jpg" width="686" height="1" border="0" id="navbar_r2_c1" alt="" /></td>
      <td rowspan="3"><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0915164902_0', 'MMMenu0915164902_0',5,42,'navbar_r2_c10');"><img name="navbar_r2_c10" src="navbar_r2_c10.jpg" width="160" height="41" border="0" id="navbar_r2_c10" alt="" /></a></td>
      <td rowspan="6"><img name="navbar_r2_c11" src="navbar_r2_c11.jpg" width="4" height="48" border="0" id="navbar_r2_c11" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td colspan="3"><img name="navbar_r3_c1" src="navbar_r3_c1.jpg" width="180" height="1" border="0" id="navbar_r3_c1" alt="" /></td>
      <td rowspan="3"><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0915164218_1', 'MMMenu0915164218_1',11,42,'navbar_r3_c4');"><img name="navbar_r3_c4" src="navbar_r3_c4.jpg" width="160" height="41" border="0" id="navbar_r3_c4" alt="" /></a></td>
      <td rowspan="5"><img name="navbar_r3_c5" src="navbar_r3_c5.jpg" width="12" height="47" border="0" id="navbar_r3_c5" alt="" /></td>
      <td rowspan="3"><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0915164502_2', 'MMMenu0915164502_2',1,42,'navbar_r3_c6');"><img name="navbar_r3_c6" src="navbar_r3_c6.jpg" width="160" height="41" border="0" id="navbar_r3_c6" alt="" /></a></td>
      <td colspan="3"><img name="navbar_r3_c7" src="navbar_r3_c7.jpg" width="174" height="1" border="0" id="navbar_r3_c7" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="4"><img name="navbar_r4_c1" src="navbar_r4_c1.jpg" width="9" height="46" border="0" id="navbar_r4_c1" alt="" /></td>
      <td rowspan="3"><a href="homepage.html"><img name="navbar_r4_c2" src="navbar_r4_c2.jpg" width="160" height="41" border="0" id="navbar_r4_c2" alt="" /></a></td>
      <td rowspan="4"><img name="navbar_r4_c3" src="navbar_r4_c3.jpg" width="11" height="46" border="0" id="navbar_r4_c3" alt="" /></td>
      <td rowspan="4"><img name="navbar_r4_c7" src="navbar_r4_c7.jpg" width="10" height="46" border="0" id="navbar_r4_c7" alt="" /></td>
      <td rowspan="3"><a href="javascript:;" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuShowMenu('MMMenuContainer0915164633_3', 'MMMenu0915164633_3',0,41,'navbar_r4_c8');"><img name="navbar_r4_c8" src="navbar_r4_c8.jpg" width="160" height="41" border="0" id="navbar_r4_c8" alt="" /></a></td>
      <td rowspan="4"><img name="navbar_r4_c9" src="navbar_r4_c9.jpg" width="4" height="46" border="0" id="navbar_r4_c9" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="39" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="3"><img name="navbar_r5_c10" src="navbar_r5_c10.jpg" width="160" height="7" border="0" id="navbar_r5_c10" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="2"><img name="navbar_r6_c4" src="navbar_r6_c4.jpg" width="160" height="6" border="0" id="navbar_r6_c4" alt="" /></td>
      <td rowspan="2"><img name="navbar_r6_c6" src="navbar_r6_c6.jpg" width="160" height="6" border="0" id="navbar_r6_c6" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="1" border="0" alt="" /></td>
    </tr>
    <tr>
      <td><img name="navbar_r7_c2" src="navbar_r7_c2.jpg" width="160" height="5" border="0" id="navbar_r7_c2" alt="" /></td>
      <td><img name="navbar_r7_c8" src="navbar_r7_c8.jpg" width="160" height="5" border="0" id="navbar_r7_c8" alt="" /></td>
      <td><img src="spacer.gif" width="1" height="5" border="0" alt="" /></td>
    </tr>
</table>
<div id="MMMenuContainer0915164902_0">
    <div id="MMMenu0915164902_0" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="cats.html" target="_self" id="MMMenu0915164902_0_Item_0" class="MMMIFVStyleMMMenu0915164902_0" onmouseover="MM_menuOverMenuItem('MMMenu0915164902_0');"> Cats </a> <a href="other.html" target="_self" id="MMMenu0915164902_0_Item_1" class="MMMIVStyleMMMenu0915164902_0" onmouseover="MM_menuOverMenuItem('MMMenu0915164902_0');"> Other stuff </a> </div>
</div>
<div id="MMMenuContainer0915164218_1">
    <div id="MMMenu0915164218_1" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="stationery.html" target="_self" id="MMMenu0915164218_1_Item_0" class="MMMIFVStyleMMMenu0915164218_1" onmouseover="MM_menuOverMenuItem('MMMenu0915164218_1');"> Stationery </a> <a href="art.html" target="_self" id="MMMenu0915164218_1_Item_1" class="MMMIVStyleMMMenu0915164218_1" onmouseover="MM_menuOverMenuItem('MMMenu0915164218_1');"> Art </a> <a href="gifts.html" target="_self" id="MMMenu0915164218_1_Item_2" class="MMMIVStyleMMMenu0915164218_1" onmouseover="MM_menuOverMenuItem('MMMenu0915164218_1');"> Great Gifts </a> </div>
</div>
<div id="MMMenuContainer0915164502_2">
    <div id="MMMenu0915164502_2" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="contactemail.html" target="_self" id="MMMenu0915164502_2_Item_0" class="MMMIFVStyleMMMenu0915164502_2" onmouseover="MM_menuOverMenuItem('MMMenu0915164502_2');"> Email </a> <a href="contactmap.html" target="_self" id="MMMenu0915164502_2_Item_1" class="MMMIVStyleMMMenu0915164502_2" onmouseover="MM_menuOverMenuItem('MMMenu0915164502_2');"> Map </a> <a href="contactnumbers.html" target="_self" id="MMMenu0915164502_2_Item_2" class="MMMIVStyleMMMenu0915164502_2" onmouseover="MM_menuOverMenuItem('MMMenu0915164502_2');"> Phone Numbers </a> </div>
</div>
<div id="MMMenuContainer0915164633_3">
    <div id="MMMenu0915164633_3" onmouseout="MM_menuStartTimeout(1000);" onmouseover="MM_menuResetTimeout();"> <a href="suppliers.html" target="_self" id="MMMenu0915164633_3_Item_0" class="MMMIFVStyleMMMenu0915164633_3" onmouseover="MM_menuOverMenuItem('MMMenu0915164633_3');"> Suppliers </a> <a href="topics.html" id="MMMenu0915164633_3_Item_1" class="MMMIVStyleMMMenu0915164633_3" onmouseover="MM_menuOverMenuItem('MMMenu0915164633_3');"> Related topics </a> </div>
</div>
</div>
</div>
<div id="Layer2">
<img src="title.png" alt="title" width="750" height="70" /></div>
</body>
</html>

Popup Menu in Fireworks 8

Hi All,
I want to create popup menu using fireworks 8. I was able to
create basic simple popup menu.
I want to make popup menu in which when mouse is moved over
root button it changes its image, pops out the menu and root image
stays into changed image till pop up menu is poped out. when popup
menu is close root image changes to original image.(same as
www.bestbuy.com is having - when mosue is moved over root image
change to image with yellow font, pops out the menu and stays yello
font imiage till pop up menu is open. when pop up menu is closed
root image changes to original image/state.)
Does anybody have idea, how to do this?
Pls Help!
Thank you.

I don't believe Alan suggested you buy anything, but if he
did, then
consider these free alternatives. The FW menus simple suck
large rocks....
Check the uberlink and MacFly tutorials at PVII -
http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"suzy_bcny" <[email protected]> wrote in
message
news:esp44q$j2d$[email protected]..
> Thanks Alan for your reply.
>
> But I donot want to buy anything else. I have already
bought fireworks8.
>
> I would just like to use fireworks8 for creating menu.
>
> Your suggestion in this will really help me. Thank you.
>
>
>

Dreamweaver, Fireworks pop menu and Flash banner issue

For some unknown reasons I am not getting my Fireworks
pop-menu to show over a flash banner. It looks like it's working,
but hidden behind the flash banner

>>but hidden behind the flash banner
That's because Flash content rises to the top, so to speak.
There is a
kludge/hack using the wmode parameter but I believe it only
works in IE.
Your best bet is to redesign the page so the Flash is
separated from the
menu.
Walt
"snazaire" <[email protected]> wrote in
message
news:f747u9$cqk$[email protected]..
> For some unknown reasons I am not getting my Fireworks
pop-menu to show
> over a flash banner. It looks like it's working, but
hidden behind the
> flash banner

Fireworks Nav menus to Dreamweaver (CS3) not working

Hi!
Having used Dreamweaver and Fireworks V8 for a while (2
years) i upgraded to CS3 versions, and then went to update a menu
from
http://www.hernebayhigh.kent.sch.uk/welcome2.html
(edit popup menu) within Fireworks which went fine and exported the
HTML and then went in to DW to import the HTML (like i have done a
thousand times before), the menu looks great when to check and it
in either Firefox, Safari (OSX) and IE6 and 7(WIn) the pop up menus
do not work at all!?!
Any suggestions?
Thanks all!!!
Steve

I have experienced the similar problem when building entire
pages from fireworks CS3 (with dd menu) and exporting into
dreamweaver.
Someone recommended using spry widgets in dreamweaver
instead- might be worth looking into?

Popup menu.

Sir,
I have create popup menu in fireworks and export as html in dreamweaver but every time when i have make any change in menu when add some thing in menu or delete in menu and when i have export html each time it will change containeer id and the link which i have defined will not work.
please help how to prevent containner id remain same when i have make any change in popup menu.
Rajeev

Rajeev:
You don't tell us which Dreamweaver or Fireworks version you are using, so we can't really answer your question. In general however, you should COMPLETELY avoid the use of the Fireworks popup menus (if FW8 or earlier this is an absolute requirement - if FWCS3 or CS4, it is a strong suggestion). There are many other ways to make a menu that do not open the door to the many problems that these poorly conceived and implemented FW menus do. Some of these methods are commercial (and some are VERY good), and some are not.
Check the uberlink and MacFly tutorials at PVII - http://www.projectseven.com/
and the Navbar tutorial/articles at Thierry's place
http://tjkdesign.com/articles/dropdown/
Or this one (more recent article):
http://tjkdesign.com/articles/Pure_CSS_Dropdown_Menus.asp
Or to get it done fast, go here -
http://www.projectseven.com/tutorials/navigation/auto_hide/index.htm

Inserting Fireworks HTML into a Dreamweaver template

I've created a dreamweaver cs3 template for my website. I've
also created a menu in fireworks which has popup menu's. If I
create a new page (not from a template) and insert the fireworks
html, everything works fine when I try to preview it.
However, if I insert the fireworks html into a page created
from a template, or even the original template file, the image of
the menu is inserted and can be viewed, but the popup menu's do not
appear. Any thoughts or suggestions?

Which version of FW? If FWMX 2004 or earlier, you would need
to read this
carefully -
http://www.losingfight.com/blog/2006/08/11/the-sordid-tale-of-mm_menufw_menujs/
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"hraklis_1" <[email protected]> wrote in
message
news:g4p0l0$lak$[email protected]..
> I've created a dreamweaver cs3 template for my website.
I've also created
> a
> menu in fireworks which has popup menu's. If I create a
new page (not from
> a
> template) and insert the fireworks html, everything
works fine when I try
> to
> preview it.
>
> However, if I insert the fireworks html into a page
created from a
> template,
> or even the original template file, the image of the
menu is inserted and
> can
> be viewed, but the popup menu's do not appear. Any
thoughts or
> suggestions?
>

Popup menu background.

Sir,
I have create popmenu in Fireworks CS3 and import in Dreamweaver and it working fine but i want transperent background of popup menu or i want to insert image in popmenu background. If it is possible please guide me.
Thanks
Rajeev.

To give specific help, we need to see your page. Please post a URL to the test page on remote server so we can see the scripts, images, html and css working together.
Other menu solutions:
Customizing the DW Spry Menu Bar (tutorials)
http://forums.adobe.com/message/2260929#2260929
CSS Express Drop-Down Menus (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama (DW Extension)
http://www.dmxzone.com/go?5618
CSS Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Popup menu stalls page

I was wondering if anyone had any suggestions. I had my popup
menu exported to dreamweaver and it was all working. I then added
more javascript to the page and now its not working. I exported it
all again and inserted it but no luck. The moment i roll over a
popup it sticks on screen and won't disappear. I have no idea what
to try. I haven't edited the mm_css_menu.js document at all so i am
assuming its in my main html somewhere. or is gthere something i
should tick when exporting from fireworks? any help much
appreciated.
Thanks.

KirstyLee2005 wrote:
> yes i have been back and forward with it all day. I have
included my
> link so you can see the problem.
>
>
http://www.carnsoftware.co.uk/staidans/index.html
>
> if you roll over the second button on the menu bar the
popup appears
> and sticks. in the bottom left of the browser window you
get 'error
> on page'.
Note this error. Remove one of the "@import
url("menubar.css");"
<style type="text/css">
<!--
@import url("menubar.css");
@import url("menubar.css");
Are you still using these?
<script type="text/javascript"
src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript"
src="js/lightbox.js"></script>
Linda Rathgeber - Adobe Community Expert
http://www.adobe.com/communities/experts/members/8.html

Dropdown/ popup menu moving text

Hi, I have created a header which includes a popup menu within fireworks and I have imported this into Dreamweaver however, when I test this the popup menu has pushed the text below down the page. Is there a way of getting the popup menu to display over the text below?
Thanks

You probably have a font conflict or error in font book. Take a look at this:
http://www.thexlab.com/faqs/undofontbook.html#Anchor-Undoing-47857
Starting up in safe mode should show normal menus.
http://docs.info.apple.com/article.html?artnum=107393

Fireworks Popup Menu in Dreamweaver

Similar Messages

Maybe you are looking for