Recent Questions
Q: I am trying to make the tabs all the same width and would like to know how to do that. Therefore "Personal", "Account Summary", "Tax Exemptions", "Password", "Invoices", "Quotes", "VOIP" - I need them to all be the EXACT SAME width.
A: See, I've created Individual style
var bstyles = [
["bitemWidth=250px"], // style 0
];
And used this style for some items
["Account Summary","AccountSummary", "tabs/img/icon_ie.gif","tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "",], // style 0
["Tax Exemptions","TaxExemptions", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "tabs/img/icon_ie.gif", "", "0", "", "", ], // style 0
You can use this style for all items in the same way.
You should set the width of your Tabs
var bmenuWidth="770px";
and width for each Tab
var bstyles = [
["bitemWidth=110px"], // style 0
];
And assign this style for all items.
Q: Can you tell me what fields control the lines around the top level of menu items?
What fields control the lines around each sub-menu item?
I would like to test and see if the program will allow me to create a top menu that displays as follows:
Home | Proposal Reponses | Marketing Info |
As you can see I would like no borders around the top level and a tilda (vertical line) separator between each top level menu item.
For the sub-menu items I would like there to be a thin line box around the sub-menu but no lines in between each item within the sub-menu. What fields control these paramenters?
A: Home | Proposal Reponses | Marketing Info |
Yes, you can create such menu.
Please, use Individual styles.
Set these parameters:
var menuBorderWidth=1;
var menuStyles = [
["menuBorderWidth=0"], //style 0
];
["Home","testlink.html", , , , , , "0", , ], //style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
To add lines between main items you can paste the separators.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Q: We have purchased 'Deluxe Menu...'.
We are integrating the menu into the site. However, we are facing an issue i.e. drop down menu with css overlapping the 'Select' box in the IE 6.0.
I went through the help pages in the deluxe menu website and tried out the Suggestion of assigning 1 to dmObjectsCheck i.e. var dmObjectsCheck=1 and adding the function as below.
function dm_ext_ruleObjectHide()
{
return !document.all;
}
It is throwing some error when we do that. Could you please suggest, what should we to get rid of overlapping. Please see the attached screen for the error. The error captured using Firefox.
A: Check that you're using Deluxe Menu v3.2.5.
Check also that you have dmenu_add.js file in the same folder withdmenu.js file.
Or you can try to set also the following parameter:
var useIFRAME=1;
Q: Do I need to replace the menudir/ in the code with the name of the folder I have placed the .js files?
A: Yes, you should change the name of the folder.
If you have, for example such file structure:
deluxe-menu_files/
dmenu.js
data.js
images/
html_pages/
page1.html
page2.html
index.html
So, you should install your menu in the following way:
<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript"> var dmWorkPath = "deluxe-menu_files/";</script>
<script type="text/javascript" src="deluxe-menu_files/dmenu.js"></script>
<!-- (c) 2006, http://deluxe-menu.com -->
</head>
<body>
<script type="text/javascript" src="deluxe-menu_files/data.js"></script>
</body>
</span>