Recent Questions
Q: The problem is now that I have a scroll bar in the main menus although there is nothing to scroll.
Do you have any ideas?
A: You've set the exact width and height for submenus.
var smWidth = "100";
var smHeight = "250px";
var menuStyles = [
["smWidth=220px","smHeight=250px"],
["smWidth=200px","smHeight=250px"],
["smWidth=120px","smHeight=250px"],
];
Try to write:
var smWidth = "";
var smHeight = "";
var menuStyles = [
[""],
[""],
[""],
];
There will be no scroll bar in the main menus.
Q: I'm having a problem displaying a little white icon arrow on my dhtml foldout menu. I us Adobe Dreamweaver to build my site. When previewing, I found that adding . /.. to the .js file works good and it displays the arrows. But when I Put the menu on the internet it goes back to displaying a blank box like it can t find it again. My menu is in my site's root directory, and I would like to control all my site's pages with it. I am going to have a basic template for the whole site with the dhtml foldout menu on it and I am to building all the pages from that.
If I don't change the link to ../../ the only pages that will work is the one that is in the same directory as my menu files.
A: Try to use absolute paths to your images on the website. Your menu will work correctly inall cases in that case.
var pathPrefix_img="http://www.domain.org/Fundraising/Scrip/";
var arrowImageMain=["data.files/arrv_white_1.gif",""];
var arrowImageSub=["data.files/arr_white_1.gif",""];
or
var pathPrefix_img="";
var arrowImageMain=["http://www.domain.org/Fundraising/Scrip/data.files/arrv_white_1.gif",""];
var arrowImageSub=["http://www.domain.org/Fundraising/Scrip/data.files/arr_white_1.gif",""]; Q: We have several problems with your menu.
Notice when trying to select a drop down item…the item disappears, rather than holding in place as the mouse is over the menu item.
Second, we’d like to know how to expand the width of the main headers and sub headers. Currently, they are not of the same width.
Lastly, we’d like to change the font and load new fonts to match the branding of the menu items.
Please let us know where we can find instructions to make these modifications/customizations.
A: Please, try to write your menuItems parameter correctly.
You should set "iconOver" parameter for each item (you can set "").
Please, see how you should write your menuItems:
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
    ["|Contestants","experience_contestants.php","","","_self","2",,,],
...
> Second, we’d like to know how to expand the width of the
> main headers and sub headers. Currently, they are not of the
> same width.
You should use Individual styles, for example:
var itemStyles = [
["itemWidth=120px","arrowImageMain=image1,image2=home_out.gif,home_over.gif"],     // style 0
["itemBorderWidth=2","itemBorderStyle=solid,solid", "itemBorderColor=#AA0000,#0000FF"],     // style 1
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"],     // style 2
];
var menuItems = [
["","index.php","nav_home_out.gif","nav_home_over.gif","","_self","0",,,],
    ["","","nav_experience_out.gif","nav_experience_over.gif","","_self","0",,,],
...
For submenus you should set the following parameter:
var smWidth="150px";
> Lastly, we’d like to change the font and load new
> fonts to match the branding of the menu items.
You should also use Individual styles.
But you should set this parameter:
var fontStyle="";
And then use different fonts for your items.
Q: I hope you have a instructions so we can install css menu in our website.
A: Unfortunately we don't have step by step tutorial yet.
We'll try to create it in the nearest time.
1. Create your Css menu in Deluxe Tuner.
When you open Deluxe Tuner you can click "File/New" and add items
and subitems using buttons "Add Item" and "Add Subitem" on the main window.
See the parameters for the menu on the main window.
More info about menu parameters you can find on our site
http://deluxe-menu.com/css-menu/parameters-info.html
2. You should install the menu on your page.
You can click, for example, File->Save Css Menu/Export HTML
So, you'll have folder with images and .css file ("deluxe-css-menu.files/" folder by default),
deluxe-css-menu.html file and deluxe-css-menu.js file with all menu parameters
(project file you need, if you want to modify your menu later,
there is no need to upload deluxe-css-menu.js on your server).
Open deluxe-css-menu.html file in any text editor and copy several rows of
code into your page (for example index.html page of your website).
Copy and paste several rows into your html page (index.html).
<head>
...
<link type="text/css" href="deluxe-css-menu.files/style.css" rel="stylesheet">
...
</head>
<body>
...
<!-- Deluxe Css Menu -->
<ul id="cssMenu">
<li><a href="testlink.html">Home</a></li>
<li><a href="#"><span>
<img class="def" src="deluxe-css-menu.files/icon1.gif"/>
<img class="over" src="deluxe-css-menu.files/icon1o.gif">Product Info</span>
<![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
<ul style="width:161px;">
....
</ul>
<!-- (c) 2009, Deluxe-Menu.com -->
...
</body>
You should also copy "deluxe-menu.files/" folder with all images and .css file
into the same folder with your index.html page.
More info about installation:
http://deluxe-menu.com/css-menu/installation-info.html
Try that.