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:32
Submenu position and menu spacing
Poster: Bobbin
Dated: Friday July 6 2007 - 16:37:39 BST
Hi there! I'm very new to all this, but I've really enjoyed playing with this code so far! I'm having two problems that hopefully won't be too terrible to tweak!!
The first is that my submenus cover about half of the menu bar when they are active. I just need to move them down a few pixels, but for the life of me, I can't figure out how!
The second, I moved the arrow.gif, so it's on the left side of each drop down menu. However, now there is a strange gap of space between the arrow and the text. Anyway I can tighten that up?
I'm still in the stages of playing with this menu system, but it looks extremely promising! Any suggestions would be *very* much appreciated, and thanks in advance for reading!
Code:
with(menuStyle=new mm_style()){
fontfamily="Arial, helvetica";
fontsize="10px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#993366";
offbgcolor="#dfd4da";
offcolor="#000000";
onbgcolor="#993366";
oncolor="#dfd4da";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="http://www.milonic.com/menuimages/arrow.gif";
subimagepadding=2;
subimageposition="left";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position="relative";
aI("text=HOME;url=http://www.milonic.com/;");
aI("showmenu=Bags;text=HAND BAGS;");
aI("text=DIVA STRANDS;url=http://www.milonic.com/;");
aI("showmenu=Accessories;text=ACCESSORIES;");
aI("showmenu=Leather;text=LEATHER;");
aI("text=SPECIALTY ITEMS;url=http://www.milonic.com/;");
aI("text=JEWELRY;url=http://www.milonic.com/;");
aI("showmenu=Deals;text=FABULOUS DEALS;");
aI("text=CONTACT;url=http://www.milonic.com/;");
}
with(milonic=new menuname("Bags")){
overflow="scroll";
style=menuStyle;
aI("text=Plain Text Horizontal Style DHTML Menu Bar;url=http://www.milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://www.milonic.com/menusample2.php;")
}
fontfamily="Arial, helvetica";
fontsize="10px";
fontstyle="normal";
headerbgcolor="#ffffff";
headercolor="#993366";
offbgcolor="#dfd4da";
offcolor="#000000";
onbgcolor="#993366";
oncolor="#dfd4da";
outfilter="randomdissolve(duration=0.3)";
overfilter="Fade(duration=0.2);Alpha(opacity=90);Shadow(color=#777777', Direction=135, Strength=3)";
padding=4;
pagebgcolor="#82B6D7";
pagecolor="black";
separatorcolor="#999999";
separatorsize=1;
subimage="http://www.milonic.com/menuimages/arrow.gif";
subimagepadding=2;
subimageposition="left";
}
with(milonic=new menuname("Main Menu")){
alwaysvisible=1;
orientation="horizontal";
style=menuStyle;
position="relative";
aI("text=HOME;url=http://www.milonic.com/;");
aI("showmenu=Bags;text=HAND BAGS;");
aI("text=DIVA STRANDS;url=http://www.milonic.com/;");
aI("showmenu=Accessories;text=ACCESSORIES;");
aI("showmenu=Leather;text=LEATHER;");
aI("text=SPECIALTY ITEMS;url=http://www.milonic.com/;");
aI("text=JEWELRY;url=http://www.milonic.com/;");
aI("showmenu=Deals;text=FABULOUS DEALS;");
aI("text=CONTACT;url=http://www.milonic.com/;");
}
with(milonic=new menuname("Bags")){
overflow="scroll";
style=menuStyle;
aI("text=Plain Text Horizontal Style DHTML Menu Bar;url=http://www.milonic.com/menusample1.php;")
aI("text=Vertical Plain Text Menu;url=http://www.milonic.com/menusample2.php;")
}
Poster: Ruth
Dated: Friday July 6 2007 - 20:56:27 BST
Hi,
Well since your main menu is horizontal, the first level subs must be set using top="offset=whatever amount"; For submenus off of a vertical parent menu, you would use the subOffsetTop=; and subOffsetLeft=; up at the top of the file.
Your submenus should not cover your main menu, and since you have the menu set as relative I believe there is some error someplace in that. If you can provide a page we can figure out what you need to fix. Also, make sure that you read the sticky at the top of this forum about putting the menu in a table or div, that is setting it relatively.
I can't answer the question on the arrow without seeing the page, so I can see the menu in action.
Ruth