Recent Questions
Q: I'm trying to position my menus inside absolutely positioned <DIV> tags. If the <DIV> tag has style="position:absolute; top:100px; left:50px;" in the actual tag, deluxe-menu seems to work correctly. If I have the "position:absolute; top:100px; left:50px;" in a <STYLE> tag or a linked stylesheet and applied using id or class selectors, then deluxe-menu does not work correctly: sub menus have a 100pixel offset in the y direction and a 50 pixel offset in the x direction. This is with no change to the .js data file (I have absolutePos=0;) Is this a known issue, and is it planned to be fixed?
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:
For example, you should add style="position:absolute;"
to the
<DIV id=head>
So, you'll have:
<DIV id=head style="position:absolute;">
Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.
Q: Javascript menu frame Borders are present Firefox but missing in IE7, IE8, Google Chrome, Safari.
Firefox shows the borders ok.
A: You've set the following parameters in this menu:
var menuBorderColor="#FF9191 #FF7837 #E10000 #952D00 ";
var menuBorderWidth=3;
var menuBorderStyle="";
You should specify style for your border, for example:
var menuBorderStyle="solid";
See the attached example. I cannot notice such issue on Safari forWin. Write what version you're using.
Change also
var fontStyle=["normal 8pt Verdana,normal 8pt Verdana","normal 8pt Verdana,normal 8pt Verdana"];
to
var fontStyle=["normal 8pt Verdana","normal 8pt Verdana"];
Q: I cannot figure out how to make the text break into two lines.
A: You can use wrapping in Deluxe Menu.
Please, use <br> tag in your menuItems, for example:
"item<br>text"
Q: I'm trying out Deluxe Menu with my site, but I've hit a snag with alignment. My menu bar is located at the top of my page, in a 750px-wide div. I'd like to nest the nav menu in that div, but right-align it so the menus are stuck to the right side of the div. Is that possible with your menu system? If so, can you give an example of how I would accomplish it?
A: You can paste your menu in DIV with right alignment.
<div align="right">
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>