Recent Questions
Q: I got your non-profit license a couple of days ago and I’m putting all the pieces together. I appreciate the license. I am having a problem with css styles. I have my site set up with css but can’t figure out how to get deluxe menu to see the css. I have read through the help and examples. I feel so dense. When I set the parameter to 1 what else do I need to see the styles?
A: We have several examples of the menus using css.
You should set var cssStyle=1; parameter and then assign your stylesto the items.
var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.
var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.
var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.
It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.
Q: When I want to have the same width of each item I use the individuel styles sometime it works and sometime not
A: See, when you use Individual styles to set the width for your items
var bstyles = [
["bitemWidth=150px"],
];
you should check that you haven't set the exact width for the menu
var bmenuWidth="250px";
Please, check it.
Q: I tried the following for subitem and it worked but not working with the "Title item" (Group or header item), is there a way to process onclick for the title item? Thanks again.
You're able to use Javascript for each item, for example:
var tmenuitems = [
["item text", "javascript:your_code_here"]
];
A: Unfortunately, title items doesn't allow to use Javascript in the sameway.
But you can do the following:
var tmenuitems = [
["<div onclick='your_code_here'>title text</div>"]
];
Q: I am trying to use the following horizontal tabs menu:
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?
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
}