Back To Start Of Archive
Taken From The Forum: Help & Support for DHTML Menu Version 5+
Forum Topic: Click to view post
Last Updated: Saturday July 14 2012 - 06:07:26
Length of page change when menu added/appear
Poster: kgp43
Dated: Sunday May 30 2004 - 22:48:39 BST
Hi all,
I have a problem. The length of my page change when I add the menu - it works perfect without the menu.
Link:
http://www.tackleprices.com/merchant/
This is my code (hope it is enough):
Quote:
_menuCloseDelay=400 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=130 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
with(menuStyle=new mm_style()){
align="left";
onbgcolor="#333333";
oncolor="#66CCFF";
offbgcolor="#CFDBEB";
offcolor="#000000"; // Text colour
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
separatorcolor="#999999";
separatorsize="1";
separatoralign="right";
separatorwidth="100%";
padding=5;
fontsize="75%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#999999";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="http://www.tackleprices.com/merchant/menu/arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=100)";
outfilter="randomdissolve(duration=0.2)";
}
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=100;
left=0;
menuwidth="100%";
menualign="center";
alwaysvisible=1;
followscroll="1";
orientation="horizontal";
aI("text=Home;url=http://www.tackleprices.com/merchant/;");
aI("text=Brands;showmenu=Brands;");
aI("text=Series;showmenu=Series;");
aI("text=Products;showmenu=Products;");
aI("text=Prices;showmenu=Prices;");
aI("text=Statistics;showmenu=Statistics;");
}
_menuOpenDelay=130 // The time delay before menus open on mouse over
_followSpeed=5 // Follow scrolling speed
_followRate=40 // Follow scrolling Rate
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
_scrollAmount=3 // Only needed for Netscape 4.x
_scrollDelay=20 // Only needed for Netcsape 4.x
with(menuStyle=new mm_style()){
align="left";
onbgcolor="#333333";
oncolor="#66CCFF";
offbgcolor="#CFDBEB";
offcolor="#000000"; // Text colour
bordercolor="#000000";
borderstyle="solid";
borderwidth=1;
separatorcolor="#999999";
separatorsize="1";
separatoralign="right";
separatorwidth="100%";
padding=5;
fontsize="75%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#999999";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="http://www.tackleprices.com/merchant/menu/arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=100)";
outfilter="randomdissolve(duration=0.2)";
}
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=100;
left=0;
menuwidth="100%";
menualign="center";
alwaysvisible=1;
followscroll="1";
orientation="horizontal";
aI("text=Home;url=http://www.tackleprices.com/merchant/;");
aI("text=Brands;showmenu=Brands;");
aI("text=Series;showmenu=Series;");
aI("text=Products;showmenu=Products;");
aI("text=Prices;showmenu=Prices;");
aI("text=Statistics;showmenu=Statistics;");
}
Poster: John
Dated: Monday May 31 2004 - 5:03:35 BST
You are way downlevel in the code you are using. You have RC38, current is v5.20a (probably 5.21 by the time you read this). That means you are, literally, at least 35-40 versions back! Your version is no longer supported.
Update at http://milonic.com/, try it again, and come on back if you're still having a problem.
Poster: Ruth
Dated: Monday May 31 2004 - 5:36:10 BST
John's right, you really need to upgrade. Also, when you do that and let us know, let us know which browser is making the page get longer with the menu on it.
Ruth
Poster: kgp43
Dated: Monday May 31 2004 - 9:35:47 BST
Rofl, It is only 9 months old... or so
Alot happens lately
Poster: kgp43
Dated: Monday May 31 2004 - 10:05:06 BST
Okay, the span in the bottom of the page seems to be gone now (after the update). But I have another problem: The submenues seems to close before I get the chance to use them... hard to explain. Try it for yourself
Link: http://www.tackleprices.com/merchant/
Try this (a couple of times if you dont get the error the first time): Products > Add Products > Tackle > Lines or Lures (your choice).
- if you get the error then you cant click the "lines" or "lures", it simple disappear.
My new code:
_menuCloseDelay=400 // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150 // The time delay before menus open on mouse over
_subOffsetTop=0 // Sub menu top offset
_subOffsetLeft=0 // Sub menu left offset
with(menuStyle=new mm_style()){
onbgcolor="#4F8EB6";
oncolor="#ffffff";
offbgcolor="#DCE9F0";
offcolor="#515151";
bordercolor="#296488";
borderstyle="solid";
borderwidth=1;
separatorcolor="#2D729D";
separatorsize="1";
padding=5;
fontsize="75%";
fontstyle="normal";
fontfamily="Verdana, Tahoma, Arial";
pagecolor="black";
pagebgcolor="#82B6D7";
headercolor="#000000";
headerbgcolor="#ffffff";
subimage="http://www.tackleprices.com/merchant/menu/arrow.gif";
subimagepadding="2";
overfilter="Fade(duration=0.2);Alpha(opacity=100)";
outfilter="randomdissolve(duration=0.2)";
}
with(milonic=new menuname("Main Menu")){
style=menuStyle;
top=100;
left=0;
menuwidth="100%";
menualign="center";
alwaysvisible=1;
orientation="horizontal";
aI("text=Milonic;url=http://www.milonic.com/;");
aI("text=Home;url=http://www.tackleprices.com/merchant/;");
aI("text=Brands;showmenu=Brands;");
aI("text=Series;showmenu=Series;");
aI("text=Products;showmenu=Products;");
aI("text=Prices;showmenu=Prices;");
aI("text=Statistics;showmenu=Statistics;");
}
Poster: Ruth
Dated: Monday May 31 2004 - 10:44:05 BST
Remove the coding from the div and put it either in the head or the first thing after the body tag before anything else. It doesn't like being in a div. I tested and it works in IE5.5, Netscape 4.79,6, 7.1, Opera 6.05, Firebird .07. There's a problem with Opera 7.11. It shifts the menu to the left. To fix that add screenposition="center"; where you have the menuwidth= and menualign=
Ruth
Poster: kgp43
Dated: Monday May 31 2004 - 11:01:09 BST
That is superb working great
Another thing (hope it is okay). I removed the shaddow, but then the submenues (and sub-submenues) dosen't have the original possition anymore. Is it possible to remove the shaddow without changing the possition of the sub-/submenues?
Poster: Ruth
Dated: Monday May 31 2004 - 13:22:46 BST
I don't know what you mean about removing the shadow, you didn't have a shadow in the page I downloaded and checked. The only thing that file showed was overfilter="fade and alpha. Anyway, to set the submenus, at the top of the menu_data.js file is the_subOffsetTop and Left, just set them at whatever pixels you want. I'd start with =3 and go from there.
Ruth
Poster: kgp43
Dated: Monday May 31 2004 - 14:37:58 BST
That part worked great, thanks
Do you know how I add span between the menu and the first submenu?
Illustrated in the pic below:
Poster: Ruth
Dated: Monday May 31 2004 - 23:28:40 BST
Yes. it's the same place you set it before. _subOffsetTop will move the top of the submenu away from the main item, so just put in numbers until you get it where you want it. Try starting with 10 and increase it. _subOffsetLeft moves the submenu toward the right from the item it comes off if set to positive and moves it toward the left if it's set as negative, i.e. -10 would move the submenu 10 pixels toward the left.
Ruth
Poster: kgp43
Dated: Tuesday June 1 2004 - 9:58:50 BST
It only move the last submenues, not the first once (see picture)
This is my settings so far and they only move the last submenues.
_subOffsetTop=10 // Sub menu top offset
_subOffsetLeft=-10 // Sub menu left offset
Poster: Maz
Dated: Tuesday June 1 2004 - 10:57:07 BST
In the submenu menu style just above the items you can also use
left="offset=-?px";
replace ? with whatever number.
maybe that will help.
maz
Poster: kgp43
Dated: Tuesday June 1 2004 - 11:52:46 BST
Maz wrote:
In the submenu menu style just above the items you can also use
left="offset=-?px";
replace ? with whatever number.
maybe that will help.
maz
left="offset=-?px";
replace ? with whatever number.
maybe that will help.
maz
Can't get that part to work - nothing happens
Poster: kgp43
Dated: Tuesday June 1 2004 - 13:06:29 BST
Isnt there some kind of code to use to set the first span (between the menu and the FIRST submenu)? I just want to make a 5px span, so the first "drop-down" dosent appear right below the menu
Poster: Ruth
Dated: Tuesday June 1 2004 - 17:55:55 BST
I just tried it and it works in Netscape, IE, Opera, Firebird. Check your code for correct " and ; It gets inserted into each submenu that is from the main menu showmenu, not into the next level ones, they will work with the subOffset amount you put in the top of the file.
Code:
with(milonic=new menuname("Brands")){
style=menuStyle;
top="offset=3";
overflow="scroll";
I set it to 3, 5 looked like it moved too far down.
style=menuStyle;
top="offset=3";
overflow="scroll";
Ruth
Poster: kgp43
Dated: Tuesday June 1 2004 - 22:17:04 BST
Ruth wrote:
I just tried it and it works in Netscape, IE, Opera, Firebird. Check your code for correct " and ; It gets inserted into each submenu that is from the main menu showmenu, not into the next level ones, they will work with the subOffset amount you put in the top of the file.
Ruth
Code:
with(milonic=new menuname("Brands")){
style=menuStyle;
top="offset=3";
overflow="scroll";
I set it to 3, 5 looked like it moved too far down.style=menuStyle;
top="offset=3";
overflow="scroll";
Ruth
Sorry about that. I added it the wrong place
It works fantastic (I just changed in from 3 to 4).
Thats again