Recent Questions
Q: We are in the stage of design, we have a requirement to have the right click drop down menu fly out from right to left.
A: The following parameter controls the ways of showing submenus:
From left to right:
var subMenuAlign="left";
var subMenuVAlign="top";
From left to right + upwards:
var subMenuAlign="left";
var subMenuVAlign="bottom";
From right to left:
var subMenuAlign="right";
var subMenuVAlign="top";
From right to left + upwards:
var subMenuAlign="right";
var subMenuVAlign="bottom";
You can find this info here:
http://deluxe-menu.com/ways-showing-submenus-sample.html
Q: I have images that I want to use for the top level of the menu. How do I create a menu using images that were created in a different program? I tried to look in the frequently asked questions but IcouldnТt find anything that told me how. Thank you in advance for your help.
A: You can use any image for the top items.
You can set
var itemBackImage=["",""];
Or, create Individual style
var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];
The new method of making image-based menus: if item text is empty, icon fields will be used as item images.
For example:
["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]
Q: The contact page drop down menu examples would not work with the Firefox browser. And the submenu would show a white bg in the Internet Explorer browser.
A: Your color parameters are incorrect:
var itemBackColor=["91C24D","8B3A96"];
var itemBorderColor=["ffffff","ffffff"];
You should write them in the following way:
var itemBackColor=["#91C24D","#8B3A96"];
var itemBorderColor=["#ffffff","#ffffff"];
Q: I'm still having the issue with the sub-menus not being in the proper place, however I was able to fix the issue with menu now showing up in IE at all, it turns out I forgot a tag. So do you know why the sub-menu alignment changes depending on the browser window size? Either of the links below should give an example.
A: See, the problem is that the script 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" 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=navholder>
So, you'll have:
<DIV id=navholder style="position:absolute;">