Recent Questions
Q: The menu doesn't show the drop down sub items. If you would look at the script there are two sublinks for Accommodation which however is not visible when we are doing a mouseover. I have attached the revised data.js file with this mail. Please let me know if thre is anything else hat i need to look into.
A: You should set back color for your submenus.
For example you should create style and assign it for the subitems:
var itemStyles = [
["itemBackColor=#61420A,#B77D13","itemBorderWidth=1","itemBorderStyle=solid,solid",,
"itemBorderColor=#3C2906,#3C2906"],//style0
];
["Accommodation","#", "", "", "", "", "", "", "", ],
["|test1 text text","", "", "", "", "", "0", "", "", ], //style0
["|test2 text text text text","", "", "", "", "", "0", "", "", ],//style0
You should also set the following parameters:
var itemAlign="left";
var subMenuVAlign="bottom";
Q: How do I center the text in a top menu item in the dhtml menu, so that it is centered in the "box" that is clicked?
A: Try to set the following parameter ('Item Appearance' section in the main window of Deluxe Tuner):
var itemAlignTop="center";
Q: I notice in your examples that your menus are horizontal and then drop down.
Is it possible to configure dhtml menu generator for vertical menus with submenus going left to right?
A: Yes, it is possible.
You should set the following parameter:
var isHorizontal=0;
Q: .How customizable is it style in for dhtml navigation, meaning, i have images i want used for the top level navigation, and background images for the rest. any way I can achieve this?
A: Actually you can create any menu with Deluxe Menu. You can use Individual Styles tocreate your menu.
For example:
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBorderWidth=0","fontStyle=normal 11px Tahoma",
"fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];
var menuStyles = [
["menuBackColor=transparent","menuBackImage=back.gif","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 5px"],
];