Recent Questions
Q: My question is how can I change the size and color of the font for the
main items in the simple dhtml menu, not the drop downs?
A: You can use Individual Item Styles in that case:
http://deluxe-menu.com/individual-item-styles-info.html
Set the style you need for subitems:
var fontStyle=["normal 11px Trebuchet MS, Tahoma","normal 11px Trebuchet MS, Tahoma"];
Set the style you need for main items:
var itemStyles = [
["fontStyle='bold 12px Arial','bold 12px Arial'"], // style 0
];
Assign this style for main items:
var menuItems = [
["Scenic album","scenic-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["|Item 9","", "", "", "", "", "", "", "", "", "", ],
> ["|Item 10","", "", "", "", "", "", "", "", "", "", ], ["Floral album","floral-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Southwest album","southwest-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
["Wildlife album","wildlife-album.htm", "", "", "", "", "0", "", "", "", "", ], //assign style 0
];
Q: We are interested in using your dropdown menu code for our site but we do have a question.
When the dropdown menu code viewed in IE7 everything is fine but when I view it in opera or firefox browsers the menu bar is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?
<table border="0" align="center" cellpadding="0" cellspacing="0"
summary="Quaker Meadows Menu">
<tr>
<td>
<script type="text/javascript" src="data.js"></script>
</td>
</tr>
</table> is off the screen. Have I missed something in the script to position this in the center whin the table it belongs in?
<table border="0" align="center" cellpadding="0" cellspacing="0"
A: Try to set exact width for the dropdown menu code in "px". It helps to position themenu correctly in all browsers.
var menuWidth="500px";
Q: I am trying out your program and it's really sweet. I have 1 little problem. I created the menu everything works in IE7. In firefox the menu is about 4 or 5 px longer. It seems like in firefox there is a border around each top level item although I have set all borders to 0 (I can see that because I have set roolover color of background to opposite of normal color)
A: Try to set exact width for the menu in "px".
For example:
var menuWidth="600px";
Q: I developed a little test dhtml menu slide tree. For the items "Aktivitaeten Auswahl" and "Kontakt Auswahl" I have no subitems. The item line shows a little button with double arrows.
I would like to get rid of these buttons, because there are no subitems.
How can I do that?
A: You should create Individual XP Style and apply it for these items.
var tXPStyles = [
["tXPTitleBackColor=#D9DAE2","tXPTitleBackImg=data-quelle.files/xptitle2_s.gif", "tXPExpandBtn=data-quelle.files/right.gif,data-quelle.files/right.gif,data-quelle.files/right.gif,data-quelle.files/right.gif"],
];