Recent Questions
Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):
var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];
var afterItemImageW=8;
var afterItemImageH=7;
As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?
A: You should create Individual style and assign it for the top access drop down menu items:
var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];
Q: I am rewriting my homepage in CSS but now I have another problem with the DeLuxe menu.
The javascript top menu is well positioned on the page but the submenus are not.
The submenus are not positioned aside the javascript top menu but lower and far to much to the right.
I changed the variables
var posX = 100;
var posY = 100;
var absolutePos = 1;
var topDX = 0;
var topDY = 0;
var DX = -3;
var DY = 0;
var subMenuAlign = "left";
var subMenuVAlign = "top";
Sometimes when I change the variables the submenus are well positioned and then, after enlarging the IE-window, they are not.
What can I do?
A: It is possible that you have some problems with your css styles.
See, the problem is that the javascript top menu can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.
Please, try to add your
css file -> inline css, for example:
You should add style="POSITION: absolute;"
to the
<div id="block">
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: I didn't specify link for the item, but the problem is the mouse cursorchanges to a hand, when the item of the web navigation bar (not link) is mouse over.
A: Unfortunately there is no way to change cursor for items with links and without links.
You can try to use <a> tag inside the text field:
["<a href="http://domain.com/index.html">test</a>","",""]
Set default cursor:
var titemCursor="default";
