Industrial Strength JavaScript and DHTML Menus
About Us
Testimonials
Contact Us
Our Distinguished Clients
Investing in Non-Profits
Where Are We
Privacy Policy
Software Licensing Agreement
DHTML JavaScript Menu
Product Information
Page Integration
Quick Reference Guides
Embedding Into a Table or DIV
Purchase
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:16
lock menu x position, but enable vertical follow scroll
Poster: alex130
Dated: Friday August 6 2004 - 17:47:21 BST
Hi, I'm having trouble to position my menu at the right side of the html page, so menu right edge will be attached to some static graphics.
I'm using the following code to declare main menu:
Code:
with(milonic=new menuname("Main Menu")){
style=menuStyle;
screenposition="top;right"
alwaysvisible=1;
left="offset=-20";
top="offset=170";
followscroll="100,5,100";
orientation="vertical";
aI("text=Home;url=http://www.milonic.com/;status=Back To Home Page;");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;");
}
style=menuStyle;
screenposition="top;right"
alwaysvisible=1;
left="offset=-20";
top="offset=170";
followscroll="100,5,100";
orientation="vertical";
aI("text=Home;url=http://www.milonic.com/;status=Back To Home Page;");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;");
}
Take a look at the following link:
http://www.angelfire.com/un/milonicmenu
The problem arises when user resizes the window. I want to achieve railing slide effect (and prevent page content overlap). Meaning, menu's right edge must always remain on the gray thick line.
If someone knows how to do that, please tell me.
Poster: Maz
Dated: Friday August 6 2004 - 18:30:27 BST
Have you tried top and right position instead of screen position, it looks like it might be better in this case since you have the page set right.
maz
Poster: alex130
Dated: Saturday August 7 2004 - 13:53:42 BST
I've tried that but still there is a problem with left attribute.
Code:
with(milonic=new menuname("Main Menu")){
style=menuStyle;
//screenposition="top;right"
alwaysvisible=1;
left="680";
top="170";
followscroll="100,5,100";
orientation="vertical";
aI("text=Home;url=http://www.milonic.com/;status=Back To Home Page;");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;");
}
style=menuStyle;
//screenposition="top;right"
alwaysvisible=1;
left="680";
top="170";
followscroll="100,5,100";
orientation="vertical";
aI("text=Home;url=http://www.milonic.com/;status=Back To Home Page;");
aI("text=Menu Samples;showmenu=Samples;");
aI("text=Milonic;showmenu=Milonic;");
aI("text=Partners;showmenu=Partners;");
aI("text=Links;showmenu=Links;");
aI("text=My Milonic;showmenu=My Milonic;");
}
Now when the window is maximized the menu is on the center of the table (I have 1152x854 resolution)
.,
but when window minimized to the width of the table or less, everything works ok
.
Maybe there is equivalent "right" attribute, that can be set...?
Poster: Maz
Dated: Sunday August 8 2004 - 8:27:41 BST
Hmm, I don't remember offhand, if you can use right instead of left.
I was resisting telling you to put it in the table.
But that would keep it where you want it with position=relative;
maz
