Recent Questions
Q: Please check my site and tell me why website drop down menu show no content with IE7 (XP or Vista.)
It works with all other major browsers and OS's.
A: Delete "height: 0%;" parameter from the style of the content DIV:
<div id="content1" style="height: 0%; visibility: hidden; display: none;" class="tabPage">
So you'll have:
<div id="content1" style=" visibility: hidden; display: none;" class="tabPage">
Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.
A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
Q: The problem is now that I have a scroll bar in the main menus although there is nothing to scroll.
Do you have any ideas?
A: You've set the exact width and height for submenus.
var smWidth = "100";
var smHeight = "250px";
var menuStyles = [
["smWidth=220px","smHeight=250px"],
["smWidth=200px","smHeight=250px"],
["smWidth=120px","smHeight=250px"],
];
Try to write:
var smWidth = "";
var smHeight = "";
var menuStyles = [
[""],
[""],
[""],
];
There will be no scroll bar in the main menus.
Q: Could you please just help me - I have been using quirks mode to create our customer sites and would now like to start using a proper doctype like:
But when I change it, all the down menus dhtml break on the sites.
A: Try to specify all units in "px":
var itemPadding="3px";
var itemStyles = [
["fontStyle=normal 11px Lucida SansUnicode","fontColor=#FFFFFF,#FFFFFF","itemBackColor=#DE2829,#C62829","itemBorderWidth=0",
"itemBorderColor=#FFFFFF,#C21212","itemBorderStyle=solid,solid",
"itemBackImage=blank.gif,blank.gif","itemWidth=160px"], ["itemWidth=129px"],
];
var menuStyles = [
["itemSpacing=0", "itemPadding=8px"]
];