Some SubMenu Items Wrong Size

[InfernoCruiser]

I'm seeing a problem on different submenu items in IE6 - appears that the itemwidth settings aren't working properly on a few items, and they don't open to full size. The strange part is that most do ....

This seems to be related to the version of the menu (just purchased), since the version used to build the menus doesn't seem to do this.

The "real" site is here: http://www.webstudiohelp.net
Due to the issue, I've loaded a previous version of the menu source files (v5.732), although the content is the latest.

I have the exact same layout with the latest source files (5.738) located for testing here:
http://www.sunsetfx.com/Web_Studio_Help/

If you choose from the main categories, then select an item with multiple drop-downs, you'll see how some don't expand. This seems to happen mainly with items to the far right side of the screen.

I've tried a variety of items (menuwidth, etc.), but that didn't seem to affect these sub-menu items.

As I mentioned, this seems to be happening in IE6. A quick check in FF seems to be OK.

Any thoughts?

[Migru]

Hi

in order to implement table based menus please see

viewtopic.php?t=6942

and you will soon find out, that both your menu data files have to be modified.
Suggestion: two "main menus" e.g. main_01 and main_02 should replace what you have actually implemented as embedded_WS_Help_Main.js and menu_data_Problems.js.

All global variables , styles and subs you could collect in a menu_data.js
(alternatively in two such files) file and place the reference for that/them direct below the milonic reference files.

Michael

[InfernoCruiser]

Thanks, Michael.

I posted a question to Andy a while back when first working on this type of layout, and all indications at that time were that it would work as is (and it did ).

I just did a quick test by using a second 'embedded' main menu for one of the pages in question, then placed the rest of the menu in a js file outside of the table and it seems to work as intended.

Thanks for catching that. Since I'm a fan of this menu (I think I've licensed it for 6 or 7 sites so far) and I'm using it for this Help site, I want to make sure it looks and functions as intended.

Thanks again.

Now off to make some changes ....

[Migru]

Hi

I keep watching this topic, so if there is something else, let me know.

I am too very interested, to improve permanently and it is most effective to learn with somebody else´s "errors" .

Michael

[InfernoCruiser]

http://www.webstudiohelp.net/index.html

Changes have been made and uploaded. I also added a few overflow="scroll"; entries on longer lists - we'll see how the viewers like that (I tend to forget that some people might not have a scrolling mouse ).

Thanks again.

[Migru]

Hi

I´m wondering, why you have still the style definitions and the global definitions in embedded_WS_Help_Main.js. This is not what´s recommended ! It is the same with embedded_data_Problems.js.

If you want it to work in different browsers, hope it will work the way you do it.

Michael

[InfernoCruiser]

I'm a little confused ... how would the main menu section/s compile and display properly without the definitions included in them?

If you know of a link that shows how it should be done properly, I'd be eager to see it.
This link: http://milonic.com/menusample9.php doesn't really get into that at all.

<on edit> This example page seems to be pretty close to how I have the menus set up: http://support.milonic.com/beginners/ta ... /index.htm

Any suggestions appreciated.

[Migru]

Look at my "test" page

http://www.dhyg.de/index_neu.html

There are 4 "main menus" in a table, three of them on top, then comes an IFRAME and an additional menu is below the iframe.
Only two of these menus have subs. But it would not make any difference, if all four would have subs.
Any menu could be a main menu, position="relative"; alwaysvisible=1;
etc. makes it. The styles and global settings should be copied into the file outside the table. And if the styles are different but are named equal, then rename them to style1 and style2 etc.
And within the files "embedded....", I do not have any style definition and no global definitions, it is all in the file outside the table. This is according to milonic recommendations.
Michael

Please see too
http://milonic.com/menusample9.php
http://milonic.com/tablemenu.php
viewtopic.php?t=6527

[Migru]

Yes the example

http://support.milonic.com/beginners/ta ... /index.htm

is correct, but please the right column there is the sample which refers to the relative positioned menu. There you can see at first the menu_data.js
and further down in that column, the main menu (yellow background) which has no global settings, they have to be in the menu_data.js.
Michael

[InfernoCruiser]

I've done the following:
- Made a new file called menu_styles.js and placed just the style/s for the menu in it.
- Placed a script tag to call that file (outside of the table items) on all pages.
- Went into all of the .js files for the menu items and removed those items now located in the menu_styles.js file.

Uploaded a test version here:
http://sunsetfx.com/menutest/index.html

[Migru]

Yes, halfways correct, should be done with the

embedded_WS_Help_Main.js

in the sames way!!

[InfernoCruiser]

oops - missed that one

Thanks for all of your help, Michael.

Now I need to rewrite the help page I have on the site for centering this menu (my attempt to get more people to use it).