Recent Questions
Q: I am evaluating your menu product - very nice! However, I am relatively new to HTML, though a long time software developer, just not HTML!
My question - is it possible to have the menu be in a table cell and have the menu resize based on the cell width, if the cell width is specified in percent (%).
For example, if I have a table and I have a first column that is set at 15% of the width of the table, can I insert a menu in that cell and have it fill the cell?
A: Try to set 100% width for the menu.
var menuWidth="100%";
Q: I attached on Image (Screen shot). Please observe that I marked with black color line. How can I adjust the menu so scroll bar and menu should end with same line. Why Scroll occupying more space than menu item. Please assist me to remove that extra space.
A: Try to set var tmenuHeight="auto";
Q: When using javascript tabbed menu, where do I place the text content related to the selected tab, (the text presented on the rest of the screen under the tab)? And who do I connect a specfic text to a certain tab?
A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters). You should set var tabMode=0;
["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">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste content of javascript tabbed menu here!!!!!
</div>
<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
<br><br><br>
You should paste your description here!!!!!
</div>
Q: Obviously your menus are NOT cross browser usable, as you can e.g. Padding does not work in opera, while it works in IE.
When will there be an update on that bug?
A: Deluxe Menu works fine in all browsers.
Try to set exact width for the menu width and menu height, try also to specify unitsin "px":
var menuWidth="500px";
var menuHeight="20px";
var smWidth="116px";
You should also check your padding parameter, you should write it so:
var itemPadding="1px 1px 1px 12px";