Recent Questions How To Hide Sub Tree Menu
Q: A few of my users have reported issues with the menu like the one below. Where the drop down menu is just a white box with a little scroll bar in it. Can you please let me know how I might correct it or what is wrong? We are using version 2.4.
A: I've just checked your website. It works fine.
You can have such effect when the page entirely was not loaded yet. So, images were not loaded yet.
If you don't want to have such effect you can try not to use back images for the submenus.
Q: The button menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them.
I have stretched the menu out tocover the whole of the top of the page but i need to get these lines out of the menu.
Can you please help me with this problem
A: See images in Vista Templates have the fixed width and height (92 x21):
var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0",
"fontStyle=normal 11px Tahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];
When items text is too long you can have such effect.
You can try to use combined background for your items, for example:
var beforeItemImage = [,]; //left-side image for normal and mouse over state
var itemBackImage = [,]; //background or image for normal and mouse over state
var afterItemImage = [,]; //right-side image for normal and mouse over state
var beforeItemImageW = '';
var afterItemImageW = '';
var beforeItemImageH = '';
var afterItemImageH ='';
But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif
Q: Is this possible to make the background of item in a free dhtml menu fully transparent sothat the page below it is fully visible.
A: Yes, it is possible.
You can set the following parameter:
var menuBackColor="transparent";
Q: Now it works fine in Firefox and mostly in IE.... Only problem... In IE...
When the page with dhtml tab menu first loads ... It does not load the content of the first DIV....
It's fine in Firefox...now IE just does not load the first div... I've tried added a JS function to set to visible the first DIV onLoad...but that does not work either...
Is there anyway to hard-code in ...to set the first DIV to visible?
A: I've just checked your website. Your dhtml tab menu work correctly.
You should check that you use correct value of
var bselectedItem=1;
parameter.
That is mean that second item in menuItems array will be highlighted.
["-","", "", "", "", "", "", "", "", ], //0
["About","content1", "", "", "", "", "", "", "", ], //1
["FAQs","content2", "", "", "", "", "", "", "", ], //2
["Before & Afters","content3", "", "", "", "", "", "", "", ], //3
["Pre/Post Care","content4", "", "", "", "", "", "", "", ], //4
["Special Offers","javascript:location.href = '../specials/index.htm'", "", "", "", "", "", "", "", ], //5
Now you have also:
<script type="text/javascript" src="data-deluxe-tabs.js"></script>
<table cellpadding="0" cellspacing="0" border="0" width="500">
<tr>
<td align=center valign=top>
<table cellpadding="0" cellspacing="0" border="0" width=500 height=250 align=center>
<tr>
<td valign=top height=1>
<script type="text/javascript" src="../scripts/templates/tabs-opera.js"></script>
</td>
</tr>
I think that it is not correct. You should write:
<table cellpadding="0" cellspacing="0" border="0" width="500">
<tr>
<td align=center valign=top>
<table cellpadding="0" cellspacing="0" border="0" width=500 height=250 align=center>
<tr>
<td valign=top height=1>
<script type="text/javascript" src="data-deluxe-tabs.js"></script>
</td>
</tr>
