Recent Questions
Q: How woud I make all the sub-menu’s height and text smaller in the css dhtml menu?
A: You can create Individual Item Style and assign it to each item insubmenu.
For example:
var itemStyles = [
["itemHeight=10px","fontStyle=normal 9px Trebuchet MS, Tahoma"],
];
and assign it to each item in submenu:
["|Item 7","", "", "", "", "", "0", "", "", ],
["|Item 8","", "", "", "", "", "0", "", "", ],
you can also use standard <br> tags.
["|Home text<br>text","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
Q: By the way, this is an issue at your site, too...
Have a look at
http://deluxe-menu.com/objects-overlapping-sample.html in
FireFox - when hovering over the Product Info or Samples buttons, the Deluxe Menu flash element disappears behind the drop-down menu.
I notice this pages states: "If for some reasons a submenu can't drop down over an object the latter will be hidden for a time when the submenu is shown.".
A: Unfortunately, it is really so.
Now there is no work around for this.
We'll try to fix this bug in the future version of Deluxe Menu.
Q: I have small problems with your javascript menu system.
#1. I am creating a multi-level menu, am I limited to a gird format or can every item have a variable column width?
#2. With submenus, I want to have the submenu be the same width as the parent cell, is there a simple command for this, or do I have to guess the column widths until it fits correctly?
#3. In those same submenus, I have items that are longer than the parent, is there a word wrap or a way to define a break, rather than having the scroll feature?
A: 1) You should use Individual Item Styles.
For example:
var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#ACF88B,#ACF88B","itemBorderColor=#329309,#329309"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FFFFFF,#FFFFFF","itemBorderColor=#1B92E9,#1B92E9"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#FF9684,#FF9684","itemBorderColor=#EC7575,#EC7575"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid","itemBackColor=#84F9FF,#84F9FF","itemBorderColor=#00B8C1,#00B8C1"], //style3
];
var menuStyles = [
["smColumns=2"], //style0
];
["Home","testlink.htm"],
["Samples","testlink.htm"],
["|Group 1","", , , , , "0", , , ],
["|Group 2","", , , , , "1", , , ],
["|Group 3","", , , , , "2", , , ],
...
[" More Samples","testlink.htm"],
["|Group 1","", , , , , "3", "0", , ],
["|Group 2","", , , , , "1", , , ],
Where "0", "1", "2", "3" - style number in itemStyles.
2) You can also use Individual Item Styles.
var itemStyles = [
["itemWidth=120px"],
];
var menuStyles = [
["smWidth=120px"],
];
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], // itemStyles
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ],
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ], // menuStyles
3) Try to set this parameter:
var noWrap=0;
Q: We are trying to configure menu windows to a certain width.
But when we configure it menu script a certain number of characters,
the app cutswords. Is there any way to configure it, so that doesn't happens
and puts that word in the lower line?
A: Try to use the following parameter:
var noWrap=0;
You can also use standard
tags within menu item's text.
["Product <br> Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],