Recent Questions
Q: How can I setup Font Size, color for individual level, button? How?
A: You should use Individual Item Styles.
var itemStyles = [
["itemBackColor=#B6E025,#769315","fontStyle=bold 10px Bookman Old Style"], //style 0
];
menuItems = [
...
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , "0", , , ], //style 0
...
];
Q: How do I center a menu item inthe drop down menu example?
A: Try to use the following parameter:
var itemAlignTop="center";Q: I am trying to use the following horizontal scrolling tabs:
http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html My problem is that the bitebackimage is not showing as you can see in the example below.
All the left and right side images appear, but not the repeating button background. All the images are in the same directory and have the same URL to point to them.
Any ideas on what the problem might be?
Any style tab menu that I use produces the same results.
A: The reason is in your styles. Now you have in style.css file:
TABLE {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
You should write:
TABLE {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
Try that.
Q: What's happening is the rollover drop down menu sits at the very top-left of the web page..
No matter what I seem to try, I can't get it to fit in a space that seems plenty big for it.
A: Please check that you use relative position for the menu.
You should set these parameters:
var absolutePos=0;
var posX="0px";
var posY="0px";