Recent Questions
Q: Is there any way to keep the cursor as default on disabled links? I see that there's a general cursor choice, is there any chance to make it individually?
A: Unfortunately you cannot set cursor type individually for all items.
You can set it only for whole items.
You can try to set a cursor for your <img> tag. for example:
["<img src='deluxe-menu.files/sep_mac.gif' style='cursor: default;'>","", "", "", "", "_", "-1", "0", "", ],
You can also try to set
var itemCursor="default";
for all items and use <a> tags for all links:
["<a href='index.html' target='_blank' class='link'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
And create styles
.link{
color: #FFFFFF;}
.link:hover{
color: #FFBEBE;}
Q: I had to put the site live and had taken out the white border. I've used one of the better elements of your application and put a second data file (data1.js) and a sample page up that recreates the aberrant behavior in IE and the missing border-bottom in Firefox and Opera.
In IE, the entire border of each element has about a 5px white border until you mouseover each element. Then the border-bottom (1px solid white) shows correctly.
In both Firefox and Opera the border doesn't show at all.
A: Try to write so:
var absolutePos=1;
var posX="10";
var posY="400";
var itemStyles = [
["itemBorderWidth=0 0 1px 0","itemBorderStyle=solid,solid","itemBorderColor=#FFFFFF,#FFFFFF"],
];
Q: I have been using Deluxe Menu quite a bit, but am now running into a problem on a site I developed. When I add a submenu, it appears separated by about 100 pixels down. In this case I left it on the Menu Item “Why Maumelle” for you to look at.
Can you help me out?
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:relative"). 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:relative;"
to the
<DIV class=MainBody>
<DIV class=Banner></DIV>
<DIV class=Menu>
So, you'll have:
<DIV class=MainBody style="position:relative;">
<DIV class=Banner></DIV>
<DIV class=Menu style="position:relative;">
Now we have only such solution for this problem.
We'll try to fix this problem in the future versions.
Q: If there was a way to show the links inside the html code instead of the dhtml menu js files. Shouldwe use an alternative mode as (css Style?)
A: You can move menuItems into html page directly inside <script> ...
</script> tags:
<script>
var menuItems [
...
];
dm_init();
</script>
You can also use search engine friendly code and install it on yourpage before you call your dhtml menu js file.
You'll see text links in that case.
To create a search engine friendly menu you should add additional html code within your html page:
<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>
To generate such a code use Deluxe Tuner application.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3)