Recent Questions
Q: The first is that for some reason my item separator image will not show. I have tried everything.. and no matter what I do the image will not show. I designed a graphic that is 2 pixels high and is the width of the total menu. The first problem is that the graphic wont show at all.. and I do not know why. Secondly, I am now thinking that I would like to use the separator graphic on all levels of the menu.. but this creates a another issue.. as the width of the submenus varies based on the length of the text displayed. How then can I have a separator image work in the submenus?
A: Try to write you Item Styles so:
var itemStyles = [
["itemBorderWidth=1","itemBorderStyle=solid,solid","itemBorderColor=#D7F5FE,#FFFFFF",
"fontColor=#A0A0A0,#A0A0A0","fontDecoration=none,none"],
["itemBackColor=#6DD0FE,#00ACFC","itemBorderWidth=1","itemBorderStyle=solid,solid",
"itemBorderColor=#6DD0FE,#FFFFFF"],
];
See the normal item border color.
You didn't paste separator into your menuItems.
["-",],
Q: Last, I couldn't solve the issue I meet when I set up a long name for an dhtml side menu item: next item overlaps. Is it possible to specify the width of an item?
A: You can try to use the following dhtml side menu parameters to use combinedbackground for your items:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif
Q: Is it possible to put an enter in a drop down menu item?
Like can I split Login newspaper to login (enter) newspaper
"Login
newspaper"
A: You can use any html code within menuItems.
Use
tag to wrap your text.
["login <br> newspaper","","","","","","",""]
Q: I got it working however I have an additional question.
How do I allocate the width of each "button" see sample how for instance the "FAQ" button is so narrow compared to others. I tried adding spaces with no result.
A: You can use Individual Item Styles to set exact width for the menuitems.
For example:
var itemStyles = [
["itemWidth=100px"], //style 0
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", ], //style 0
Deluxe Menu
Deluxe Tree
Deluxe Tabs
Deluxe Popup Window
Pure CSS Menu
JustAjax
Javascript Calendar Date Picker
AJAX Photo Gallery
