Milonic provide full featured pull down web menus for some of the worlds largest companies
click here to see what it can do for you

Download Milonic DHTML Menu
Buy Milonic DHTML Menu

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;")
}


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