Recent Questions
Q: I can not figure out how to fix the menu from going off the page inMozilla by using html code. I don't know where to put the code. I would likeit to be flush right.
A: Try to set exact width for the menu width and menu height, try to specify unitsin "px":
var menuWidth="500px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.
var menuHeight="20px";
You should also check your padding parameter, you should write it so:
var itemPadding="1px 1px 1px 12px";
Q: I have been trying to get ‘Content’ in to the float tab, and I cannot find how that is done.
A: You should specify any Object ID name of the DIV.
See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).
["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],
And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.
<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>
Q: The text on the dropdown menu item is not centered as it shows in the preview, How do I fix?
A: The reason is in your style
TD {
VERTICAL-ALIGN: top
}
Try not to define style for Table, TD, TR elements they can affect themenu.
Set also the following parameter:
var itemAlignTop="center";
Q: There is a grey line that surrounds my menu (its on a page with black background. How do I get rid of the grey line?
A: See, you set the shadow for the top items and submenus
var shadowLen=2;
var shadowColor="#C4C4C4";
var shadowTop=1;
You should set
var shadowLen=0;
var shadowColor="#C4C4C4";
var shadowTop=0;
