Recent Questions
Q: Is there a way to increase the margin between the text on the main tree menu and the edge of the dhtml menu control. The text appears to be right up against the left margin.
A: You can add symbol before item's text, for example:
[" Deluxe Tree: XP Style","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
or you can write:
["+<div style='padding-left: 15px;'>Deluxe Tree: XP Style</div>","", "", "", "", "XP Title Tip", "", "0", "0", "", ],
Actually you can use any html code within dhtml menu control items.
Q: Tree menu doesn't display properly in Firefox or IE7. Could you give me advice on how to correct this problem? The menu creates black 'blinds' horizontally across the page. Since IE7 will be rolling out soon I need to get this corrected sometime in the next couple weeks.
A: Try to specify units in "px".
var tmenuWidth = "280px";
It's necessary to specify exact value for Mozilla browsers. It helps to position menus correctly.
Q: I am Registered user.
My question is:
Can you have borders around the sub-menus only. If you can how is this done, if it is done in the individual styles can you walk me through that. I tried it there but for some reason it wasn’t working. I'm thinking I wasn’t selecting the correct item to edit.
A: You should create Individual style and assign it to the first item in each submenu.
var menuStyles = [
["menuBorderWidth=1","menuBorderStyle=solid","menuBorderColor=#813A07"],
];
var menuItems = [
["Home","testlink.html", "", "", "", "", "", "", "", ],
["Product Info","", "border-example.files/icon1.gif", "border-example.files/icon1o.gif", "", "", "", "", "", ],
["|Features","testlink.html", "border-example.files/icon2.gif", "border-example.files/icon2o.gif", "", "", "", "0", "", ],
Q: Where can I give the body of the javascript method which I use in cool dhtml menu?
A: You can define functions after menuItems, before you call dm_init();function.
var menuItems = [
["text", "javascript:your_function(...)", ...]
];
Where your_function(...):
function your_function(...)
{
.....
}