Recent Questions
Q: I cannot see the arrow.gif's in my rollover drop down menu.
Here is my code:
var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
var arrowWidthSub=0;
var arrowHeightSub=0;
var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];
Do I need to put the arrow's somewhere else?
A: You should check the following parameter:
var pathPrefix_img="data-samples/images/";
Please check that you have the correct path to your aroows relative to the folder withindex.html file.
For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html
In menu.js file you should write:
var pathPrefix_img="menudir/";
var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];
or
var pathPrefix_img="";
var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];
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: I would like to make the main bar for the menu javascripts more consistent in the spacing.
A: Try to set exact width for each top menu item using Individual Styles:
var itemStyles = [
["itemWidth=131px"], //style0
];
var menuItems = [
["home","", "", "", "", "", "0", "", "", "", "", ], //style0
["artist index","", "", "", "", "", "0", "", "", "", "", ], //style0
["the gallery","", "", "", "", "", "0", "", "", "", "", ], //style0
];
Q: I couldn't understand where to put copied SE Friendly code for the dhtml top menu.
A: You should generate search engine friendly code and install it on yourpage in the beginning of the BODY tag.
Deluxe Menu is a search engine friendly menu since v1.12.
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).