Recent Questions
Q: We are facing some problem, in our css drop menu. Please Advise -
When we used "Helvetica" font in deluxe menu, the css drop menu expand, if the above font not installed in user machine.
I would please request you to kindly assist me on the same as the client is getting impatient.
A: It is normal behaviour if there is no such font on the user machine.
You can try to write fonts in the following way:
"fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, Trebuchet MS'"
var itemStyles = [
["itemBackImage=top.files/,top.files/menuhoverbg.gif","fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, , Trebuchet MS'","fontColor=#FFFFFF,#FFFFFF"],
["itemBackColor=#504B48,#7E7666","fontStyle='bold 12px HelveticaNeue Condensed, Trebuchet MS','bold 12px HelveticaNeue Condensed, Trebuchet MS'","fontColor=#FFFFFF,#ffffff"],
];
Find another font similar to your font and write it through a comma.If there will be no HelveticaNeue Condensed font on the user machinethe font will be Trebuchet MS.
You should choose the second font among the following fonts:
Arial
Tahoma
Times New Roman
Trebuchet MS
Verdana
These fonts are installed on the most of windows computers.
Q: 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: Hello. I am trying to test out your mouse over drop down menu and I am having trouble using the separators. Are there certain things that need to be in placed for the separators to work?
Nothing in the js code is showing me that they even exist.
A: You should set a separator in the menuItems, for example:
var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];
Please, see the following parameters:
//--- Separators
var separatorImage=""; //for subitems
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="images/public/separator.gif"; //for the top items
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
Q: How can I remove the vertical lines that connect the + signs in my javascript slide out menu. I do want to keep the -+ signs but just not the virticle lines.
A: See the following javascript slide out menu parameters:
// Lines
var tpoints = 1;
var tpointsImage = "vpoint.gif";
var tpointsVImage = "hpoint.gif";
var tpointsCImage = "cpoint.gif";
If you don't want to use lines you should set:
// Lines
var tpoints = 0;
var tpointsImage = "";
var tpointsVImage = "";
var tpointsCImage = "";
