navigation menu problem

[bonnit]

hi, im having a major problem with two navigation bars that i have designed in fireworks.
the site they are used in is a floating div template i designed in dreamweaver.

HTML: Select all

 <a href="http://www.lighterdawn.co.uk/members_home.php">link to website page</a>
<a href="http://www.lighterdawn.co.uk/css/stylesheets.css">link to css stylesheet</a>

when you hover over the navigation options the options are lost behind the floating divs, when i change the position of the navigation divs i lose my content because they are held in a containing div which holds the rest of the site. its driving me mad!!!! also on the left hand vertical menu the options have lost their width and for some reason wrap into two lines, any help at all would be most appreciated.
problem appears in firefox, opera, ie and safari aaaaargggghhhhh!!!
thanks in advance

[nashultz07]

Viewing in FF2 and it seems to be working fine. The drop down menu is in front of the main content. I have not tried in IE7 yet but will shortly.

However, you will have to shorten the space at the top of the side menu sub-menu options.

Thank you,
Nathon Shultz

[shalom_m]

I assume you are talking about the members menu on the left.

Your problem seems to be in the
#MMMenu0314135538_0_Item_1
#MMMenu0314135538_0_Item_2 etc... group of items

The top: is defined wrong

[bonnit]

defined wrong in what sense, class? the menu was designed in fireworks so i thought it was kinda taken care of?

[shalom_m]

Fireworks does not design, it generates code - and and at times we want it to do things that the programmer did not take into account. Another byproduct of this code generation is that it is hard to decipher, that it overwrites its own instructions and more....

It would have been much easier to troubleshoot erroneous code written by an inept programmer.

In our case if you change the items marked in red

Code: Select all

 .MMMIVStyleMMMenu0314135538_0 {
/* This class determines the general characteristics of the menu items in menu MMMenu0314135538_0 */
    border-top:0px;
    border-left:1px solid #000000;
    border-bottom:1px solid #666666;
    border-right:1px solid #666666;
    width:112px;
    height:19px;
    voice-family: "\"}\"";
    voice-family:inherit;
    width:108px;
    height:20px;
}

#MMMenu0314135538_0_Item_0 {
/* Unique ID for item 0 of menu MMMenu0314135538_0 so we can set its position */
    left:0px;
    top:-7px;
}

#MMMenu0314135538_0_Item_1 {
/* Unique ID for item 1 of menu MMMenu0314135538_0 so we can set its position */
    left:0px;
    top:15px;
}

#MMMenu0314135538_0_Item_2 {
/* Unique ID for item 2 of menu MMMenu0314135538_0 so we can set its position */
    left:0px;
    top:36px;
}

#MMMenu0314135538_0_Item_3 {
/* Unique ID for item 3 of menu MMMenu0314135538_0 so we can set its position */
    left:0px;
    top:58px;
}

You will see an improvement when hovering over the WORKSHOPS area.
I say improvement - there has to be a lot of other work done on that menu and elsewhere.

My advise to you is to redo it completely - it will work faster and changes will be easier.

[bonnit]

thanks for all of your advice, have taken on board and am looking for an alternative. thanks guys