For some reason the menus are not getting highlighted ...

[rajupvv]

Hi,

Please help !!!

Menus for http://www.lumenlegal.com website were created using Milonic. But the strange thing is when you move the mouse over to different options on the top menu some of them get selected and some of them are not.

Raju.

[Migru]

Hi

can you please specify
- which item will not highlight ?
- what browser, version etc.

I´ve tested IE 6.2 and all items seem to be selectable and highlighted.
Would you please give some precise hints ??

Michael

[rajupvv]

Hi,

I am using IE 6.0, Firefox 1.5 on a windows XP SP2 machine. And I could re-produce it consistently in both browsers when I move my mouse over menu items from left to right, only every other menu item gets highlighted. Also I notice some times that when I visit the website only half of the top menu is rendered.

I have some screen shots of what I am speaking about if there is an eMail address that I send these screen shots please let me know.

Raju.

[vikenk]

Hmmmm.....

What I notice is that when you slide the mouse horizontally, in a straight line, from left to right, every other menu item gets highlighted, but the menu also seems to lag behind the mouse movement, if you understand what I'm saying. Starting from "For Candidates", move horizontally to the right and you will see that when the mouse is over "Services", the "For Clients" menu is highlighted and the submenu opens. When moused over "About Us" the "Sevices" menu opens. It seems to be one button behind.

However, if you go to the first button (For Candidates) then "jump" the mouse (move it *up* and over) from one item to another, the menu works correctly and every item is highlighted.

My initial instinct is to say that this has something to do with the submenu timing. I looked at your menu_data.js file. Change your submenu close delay from 500 to 100 or zero and see what happens.

Let us know how it works.

[Migru]

Hi

got it. Yes I confirm. My observation as follows:

Please accept, that I´m describing it different:

1) Moving the mouse pointer from bottom to top and hovering above the menu items will highlight the menu (I think correct).

2) Moving the mouse pointer from left to right highlights

- the first item (FOR CANDIDATES) - correct
- the second item (FOR CLIENTS) only, when the mouse is hovering above the third item etc.
- the third item (SERVICES) only, when the mouse is hovering above item nr. 4 etc.

3) Moving the mouse from top to bottom and hovering above the menu
same as 1) OK

4) Moving from right to left same as 1) or 3) OK


Michael

[vikenk]

1) Moving the mouse pointer from bottom to top and hovering above the menu items will highlight the menu (I think correct).

2) Moving the mouse pointer from left to right highlights

- the first item (FOR CANDIDATES) - correct
- the second item (FOR CLIENTS) only, when the mouse is hovering above the third item etc.
- the third item (SERVICES) only, when the mouse is hovering above item nr. 4 etc.

3) Moving the mouse from top to botteom and hovering above the menu
same as 1) OK

4) Moving from right to left same as 1) or 3) OK

That is exactly how I found it to be. Nice to know you found the same thing. It seems to work OK in any direction except left-to-right.

[Migru]

Hi

My suggestion is

please take the styles

Code: Select all

with(menuStyle=new mm_style()){
borderwidth=0;
fontfamily="Verdana, Arial, Tahoma";
fontsize="60%";
fontstyle="normal";
fontweight="bold";
headerbgcolor="#e5e5e5";
itemheight=22;
itemwidth=120;
offbgcolor="#e5e5e5";
offcolor="#666666";
onbgcolor="#666666";
oncolor="#ffffff";
padding=;
pagebgcolor="#666666";
pagecolor="#ffffff";
separatorcolor="#ffffff";
separatorsize=4;

}

for the main menu out of the file
menu_data_main.js and copy them into the
menu_data_sub.js
and try again

Michael

[Ruth]

Hi,

Michael is correct. The only thing that should be in the menu you place in the table is that menu and a drawMenus() at the end. All styles need to be either with the submenus [or in some cases people like having a separate style file] and those files must be called before the main menu is rendered, which is why they are called the first thing after the body tag.

Ruth

[vikenk]

Shame on me....I didn't look at the HTML code.

[Migru]

Hi Viken

"shame" ???

no - please not that.

Michael

In my opinion, there is nothing what is justifying "shame" in this forum unless it is disrespect or impoliteness.

and by the way:
It is JavaScript

[rajupvv]

Hi Guys,

First, thank you all for taking time to help me.

As suggested I removed the styles from menu_data_main.js file and moved to menu_data_sub.js on my development box and the problem still exists.

Please help,
Raju.

[vikenk]

Did you try to change the menu open/close delay?

[Migru]

Spend some time with that, could not get a solution. Had the entire file in a test directory, including all necessary files to run it locally.
Changes of Open/closedelay didn´t show any improvement.

The body tag

actually is
<body onload="choosePic()", "MM_preloadImages('images.........

It should better be
<body onload="choosePic(),MM_preloadImages('images.......

but certainly, that is not the reason for the problem. Those images are not part of the menu.

It may have something to do with the css div id.. settings. I remember, that I had a similar problem, when removing/replacing them, in my case, the menu worked.

Michael

[rajupvv]

Hi,

Just wanted to let all you guys know that as Muchael doubted the weared behaviour of the menu was because of position attribute value of div tags in different pages were set to either "absolute" or "relative".

After I got rid of position attribute of div tag, I needed to insert table's to postion the divs at the right place and every thing started working fine.

So, the summary is, you need to watch out for div tags with "position" attribute if Milonic menus navigation need to work properly.

Thanks again for all your help.

Raju.