Recent Questions
Q: I'm having a problem with the new v3.9.2 javascript menu source. The drop-down submenus are now going "up" instead of "down".
I've tried the conversion steps in your email and I have even rebuilt the menu from scratch in v3.9.2. In the Deluxe Menu Preview window, the drop-down sub-menus behave properly - transitioning down below the horizontal menu. But it FireFox3, IE7 and Chrome the submenus appear above the horizontal menu.
Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is not evident in FireFox3 or in Chrome.
A: Set the following parameter:
var subMenuVAlign="top";
> Also... the transition effect (24 - Alpha Blend) only appears in IE7 - it is
> not evident in FireFox3 or in Chrome.
Transitional effects are features of Internet Explorer 5.5+ only.
See more info:
http://deluxe-menu.com/filters-and-effects-sample.htmlQ: I can not figure out why my submenus are not opening next to the javascript menu horizontal? I have included a picture so you can see what I am talking about. When I am in the turner program they pop up just fine but on my website they don't.
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: absolute" 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:
You should add style="POSITION: absolute; TOP: 0px"
to the
<div id=div_name>
So, you'll have:
<DIV id=div_name style="POSITION: absolute; TOP: 0px">
Try that.
Q: I can not figure out how you put the arrow that shows there's more information in the php drop down menu?
I tried and tried to figure it out where you add this .gif file?
A: You should set the following parameters in your data.js file:
var arrowImageMain=["deluxe-menu.files/arrowmain.gif","deluxe-menu.files/arrowmaino.gif"];
//Normal and mouseover arrow images for top-level items.
var arrowImageSub=["deluxe-menu.files/arrowsub.gif","deluxe-menu.files/arrowsubo.gif"];
// Normal and mouseover arrow images for submenu items.
You can set these parameters in Deluxe Tuner also:
Open 'Icons' section in the main window and set var arrowImageMain and var arrowImageSubparameters.
Q: How do I expand the length of the vista html drop menu tab images to accommodate longer text? If the text is "Special Event Programs", the arrows are outside the tab in another partial one. I am using the Vista style tabs (black_blue / tealblack).
Is there any way other than definition of new image files to get more color combos?
Can I change the text size in the menu tabs? When I use the Tuner, it has no effect.
A: Try to use image-based menu.
Set:
var menuWidth="92px";
var menuHeight="";
and create the following style:
var itemStyles = [
["itemBackImage=WANmenu.files/btn_magenta-back.gif,WANmenu.files/btn_magentablack-back.gif",
"beforeItemImage=WANmenu.files/btn_magenta-left.gif,WANmenu.files/btn_magentablack-left.gif","afterItemImage=WANmenu.files/btn_magenta-right.gif,WANmenu.files/btn_magentablack-right.gif","beforeItemImageW=10","afterItemImageW=10","beforeItemImageH=21","afterItemImageH=21",
"itemBorderWidth=0","fontStyle=normal11px Tahoma","fontColor=#FFFFFF,#FFFFFF"],
];