Recent Questions
Q: Is it possible to centere mouse over drop down menu?
A: Check that you set relative position for the menu:
var absolutePos=0;
var posX="0px";
var posY="0px";
Place your menu in DIV or TABLE with center alignment.
Q: Can a menu item that expands the submenu items when selected also work as a link?
A: Actually you cannot use links for the top items in the XP Style.
But you can write:
["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home'>About Us</a>","", "", "", "", "", "", "0", "", ],
["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],
And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}
But in that case the submenu and link open when you press "About Us" item. I think that it is not verygood behaviour. You can also try to specify target parameter
["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home' target="_blank">About Us</a>","", "", "", "", "", "", "0", "", ],
["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],
Q: I tried to add a fixed width on some of the items that I thought had too much empty space on the right of the text but would not work. Is it possible to have a fixed amount of pixels after the text for all navigation items of the css drop-down menu?
A: You can set padding parameter in the following way:
var itemPadding="3px 15px 3px 3px";
top right bottom left
Q: Can your free dhtml menu have boarderes around the sub-menus only..
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", "", ],