there is problem with floating menu

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:37

there is problem with floating menu

Poster: bmaplenut
Dated: Sunday April 8 2007 - 3:25:18 BST

please visit this webpage
http://bmaplenut.awardspace.com/monster/index.html

I am trying to make the menu float from the table cell which states: "menu should be here". I jave tried for a few hours but i still cannot fix the problem.

This is the menu code:

Code:

fixMozillaZIndex=true; //Fixes Z-Index problem  with Mozilla browsers but causes odd scrolling problem, toggle to see if it helps
_menuCloseDelay=0;
_menuOpenDelay=0;
_subOffsetTop=2;
_subOffsetLeft=-2;

with(monstermenustyle=new mm_style()){
bordercolor="#000";
borderstyle="solid";
borderwidth=1;
fontfamily="Verdana, Tahoma, Arial";
fontsize="75%";
fontstyle="normal";
headerbgcolor="#069";
headercolor="#000";
offbgcolor="#069";
offcolor="#FFF";
onbgcolor="#5AF";
oncolor="#FFF";
padding=3;
pagebgcolor="#5AF";
pagecolor="#FFF";
separatorcolor="#000";
separatorsize=1;
subimage="http://www.milonic.com/imagepack/Arrows/arrow1/white_4x5.gif";
subimagepadding=2;
align='center';
}

with(new menuname("monstermenu")){
style=monstermenustyle;
alwaysvisible=1;
orientation="horizontal";
followscroll='0';
position='relative';
top=1
aI("text=Level;url=/monster/index.html");
aI("text=1 - 10;url=/monster/level_1.html");
aI("text=11 - 20;url=/monster/level_2.html");
aI("text=21 - 30;url=/monster/level_3.html");
aI("text=31 - 40;url=/monster/level_4.html");
aI("text=41 - 50;url=/monster/level_5.html");
aI("text=51 - 60;url=/monster/level_6.html");
aI("text=61 - 70;url=/monster/level_7.html");
aI("text=71 - 80;url=/monster/level_8.html");
aI("text=81 - 90;url=/monster/level_9.html");
aI("text=91 - 100;url=/monster/level_10.html");
aI("text=101 - 200;url=/monster/level_11.html");
aI("text=Premium Road;url=/monster/premium.html");
aI("text=Boss;url=/monster/boss.html");
}
drawMenus();

I would appreciate if u help me with this problem.

Thanks Alot !

Poster: Ruth
Dated: Sunday April 8 2007 - 5:42:30 BST

Hi,

What do you mean you want it to 'float' from the table cell? You have it set as position='relative'; this means the menu is positioned in the cell where you have it. If you want to put it someplace else, get rid of the position='relative'; and set it to top=whatever; left=whatever; where whatever is the position you want.

If that is not what you mean could you describe a bit more what you want the menu to do and where you want it?

Ruth

Poster: Ruth
Dated: Sunday April 8 2007 - 5:46:38 BST

One other thing, I can't even find the milonic_src.js, mmenudom.js or mmenuns4.js on the site. It does look like you're using the milonic menu, but where are the program files? I download the page to work on it to see if I could figure what you wanted, but since I didn't get the program files I don't have any clue on your version etc.

Ruth

Poster: bmaplenut
Dated: Sunday April 8 2007 - 9:37:55 BST

i want the menu to float from the table cell. but it just keeps miving to the center of the screen.

For the menu files...

i link to the file using the " document.writeIn " thing. in my function.js

i link the menu files from milonic.com

sorry for your inconvenience.
I look forward to a reply.

Thanks alot

Poster: Ruth
Dated: Monday April 9 2007 - 4:58:52 BST

Hi,

You need to download your own files and not link to the Milonic site for them. Once you get the menu working as you wish, you'll need to get whichever licensed version you are entitled to use. There are 5 license types, most use the free license, if they meet the qualifications for that, or the professional license.

http://www.milonic.com/licensing.php

As to your question about the menu in the table. You have it set up to be in a table. If you want to position it outside the table, then you need to put the vmenu and hmenu files back in the menu data file, remove the position='relative'; and give it a position using top= and left= By calling those two .js files in the table cells and having them set as position='relative'; you are placing them in the table.

Ruth

Poster: bmaplenut
Dated: Monday April 9 2007 - 12:27:37 BST

Ruth wrote:

Hi,

You need to download your own files and not link to the Milonic site for them. Once you get the menu working as you wish, you'll need to get whichever licensed version you are entitled to use. There are 5 license types, most use the free license, if they meet the qualifications for that, or the professional license.

http://www.milonic.com/licensing.php

As to your question about the menu in the table. You have it set up to be in a table. If you want to position it outside the table, then you need to put the vmenu and hmenu files back in the menu data file, remove the position='relative'; and give it a position using top= and left= By calling those two .js files in the table cells and having them set as position='relative'; you are placing them in the table.

Ruth

if i use the top and left position, will the position of the menu change when is viewed in other screen revolution? I also have problems calculating the top= and left= position...

i think i will try more first, if there is anymore questions about this i will post.

Isaac

Poster: Ruth
Dated: Monday April 9 2007 - 20:33:59 BST

Hi,

You can either place the menu in a relative position, meaning it will stay in the same place when the resolution changes, that is it will 'shift' with the layout, or you can position it absolutely. You cannot put it in a relative position getting it to follow the layout as resolution changes and also have it set to be 'outside the table' or div, if you use divs. One or the other. As to the one that is horizontal, you could set that as a screenposition, and then it would always be that screenposition no matter what the resolution. I.E. screenposition='center'; would put it in the center of the screen all the time, no matter the resolution. You can also use offsets with screenposition, so let's say you want it to be a little more left of center, you'd put screenposition="center"; left="offset=-20"; it would then be more toward the left by 20 pixels from center.

You need to be a bit more in depth on exactly what you want it to do before we can answer you definitively. Otherwise we are just guessing at solutions.

Ruth

Poster: Zamees
Dated: Wednesday April 11 2007 - 20:50:52 BST

I think i'm having somewhat of the same issue as this user.

I just installed the newest milonic menu, the only change I made was to make it a veritcal menu. However I'm still having the same problems I had with an older version.

The script that calls menu_data.js is located inside a div.

Code:

<div>
<script menu></script>
</div>

It displays the menu correctly, but the submenu's are displayed in the center of the screen. This only happens in IE (I'm using IE7), in Firefox, it is displaying directly next to the menu as is supposed to work.

Here's the URL in case you'd like to check this out. http://www.gamercardpics.com

Wondering what setting I need to change to get this working in both IE and Firefox.

Poster: Zamees
Dated: Wednesday April 11 2007 - 21:28:51 BST

I've got it working now. It was element that encompassed teh entire left column was set to position:relative, so that ended up messing with the menu, but it appears to be up and running corectly now.

Poster: Ruth
Dated: Saturday April 14 2007 - 7:02:55 BST

Hi,

I'm sorry, I didn't get a notification there was a post in this topic.

The easiest way to figure out how to do the relative positions is to take a look at http://support.milonic.com/beginners/ta ... /index.htm

This explains the two ways to do relative positioned menus. Usually if the submenus are not in the correct position it is because for whatever reason the menu has not been placed in the div or table in the correct manner, or in some cases something in the css is forcing the subs to open in a different position, usually margin or padding or some generic table css code.

Ruth

Industrial Strength JavaScript and DHTML Menus

there is problem with floating menu