Recent Questions
Q: What i am doing is a horizontal menu with submenus opening down vertically. The main menu and sub menu has a background image. These are rather large for a menu and when the sub menu expands i want it to stay below the main menu and not go upwards to cover the main menu when the browser window is too small.
A: Yes, they will stay forcibly below the main menu.
You can use Smart Scrollable Feature. In that case sub menus won't cover
the main menu items. You can see an example here
http://deluxe-menu.com/scrollable-submenus-sample.html
You may specify the exact height for submenus, for example:
var smHeight="500px";
Use the following parameters to set the direction for submenus:
var subMenuAlign="left";
var subMenuVAlign="top";
For more info see:
http://deluxe-menu.com/ways-showing-submenus-sample.htmlQ: Is there a way I can do an include of a separate file that would contain the
var menuItems = [];
A: You can delete var menuItems = []; and dm_init(); from your data.jsfile and paste it into your html page or in the other file.
You should call at first data.js file with the parameters and thanmenuItems = []; and dm_init();.
Q: You have a great, and very intuitive and easy to learn, product.
I'm down to two dumb questions:
A. What controls the little red arrows? I'd like them on every one of the navigators.
B. How do I create equal space between the drop down menu items? It looks weird right now.
A: 1) If your top item has a submenu this arrow will appear automatically.
For the items without submenus you may write:
["Home <img src='skin_data.files/arrowmain11.gif'>","index.html", "", "", "", "_self", "", "", "", "", "", ],
["About Us <img src='skin_data.files/arrowmain11.gif'>","about_us.html", "", "", "", "_self", "", "", "", "", "", ],
You can find arrowmain11.gif image in the attached example.
Actually you can add any html code inside item's text.
2) Set the drop down menu padding:
var itemPadding="3px 15px 3px 3px";Q: I can not figure out how to fix the menu from going off the page inMozilla by using html code. I don't know where to put the code. I would likeit to be flush right.
A: Try to set exact width for the menu width and menu height, try to specify unitsin "px":
var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
var menuHeight="20px";
You should also check your padding parameter, you should write it so:
var itemPadding="1px 1px 1px 12px";