Recent Questions
Q: I have been using the trial deluxe menu with the deluxe tuner tocreate a menu and have run into a problem.
The menu is based on the following template:
Vista Styles (Part 2) Vista Style 1.
When I saved the menu file to put into an html file I followedthe instructions on the screen to save all the files to the folderwhere I wanted the menu to appear in an html., and then followedthe instructions to paste the menu into the html file where Iwanted the menu to appear.
It is not working. It seems as though something is left out ofthe code, or perhaps not all the necessary files are being copied.The menu appears perfectly in the deluxe tuner preview screen, butnot when I try to save it and use it elsewhere.
I have included all the files, including the instructions thatcame up when I saved the menu, in the attached zip file and wonderif you might take a look at it and tell me what I am doing wrong and/or leaving out.
Can you help?
A: Your menu works fine.
But you should paste
btn_blue2.gif
btn_blue.gif
into "data-NINnew.files" folder.
Q: I'm not getting information when the move the mouse over the dhtml dynamic menu etc., however if use it on a local machine it shows the necessary information in the status bar of my ie7 . . . any ideas ?
A: You should set the following browser setting:
"Tools/Internet Options/Security/"
click "Custom level..." button and enable "Allow status bar updates viascript" in "Scripting" column (almost at the end of the list).
This is IE7 feature. In the other browsers you won't have suchproblem.
You can find more info here:
http://blogs.msdn.com/ie/archive/2006/09/15/754804.aspx
Q: I am trying to create a tab menu and I have some questions.
I want each tab in a hover tab menu has a different image,
the normal and hover state uses the same image and the selected state uses a different image.
A: If you want to use different images you should use Individual Item Styles and assign them for your tabs.
var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif,deluxe-tabs.files/style04_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif,deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_n_right.gif,deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],
["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif,deluxe-tabs.files/style04_2_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif,deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif,deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],
["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif,deluxe-tabs.files/style04_3_s_back.gif",
"bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif,deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif",
"bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif,deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];
var bmenuItems = [
["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];
Q: When I open my site in Internet Explorer 6.0 the main drop menu code shows up nicely but the drop-down sub-menus are separated. The drop menu code work very nicely in a Firefox browser but not in IE.
A: There are some problems also with your css.The problem is that the drop menu code 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" attribute of the object if the object doesn't have this property within inline style(style="position:relative"). 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:relative;"
to the
<DIV id="right">
So, you'll have:
<DIV id=right style="POSITION: relative;">
Check that.