Recent Questions
Q: For example if you use the Growing Goodness menu located under Media Categories the first category is Agriculture w/ a sub category "Community Supported (CSA)" it is the sub category that is an active link. Is it possible to have only the active link "Community Supported (CSA) underlined and not Agriculture? And the same for all the other active links in this menu, all that have hyperlinks assigned to them.
A: You can write your links in the following way:
["Channels","", , , , , , , , ],
["|<a class='menu' href='http://growinggoodness.com/callingfromthecoast.htm'>Eco-Friendly</a>","", , , , "_self", , , , ],
["|<a class='menu' href='http://growinggoodness.com'>Farmers Market</a>","", , , , "_", , , , ],
["Media Categories","", , , , , , , , ],
["|Agriculture","", , , , , , , , ],
["||<a class='menu' href='http://growinggoodness.com/csa.htm'>Community Supported (CSA)</a>","", , , , "_self", , , , ],
["||Movie Trailers","", , , , , , , , ],
["|||<a class='menu' href='http://growinggoodness.com/farmboymovie.htm'>Farmboy</a>","", , , , "_self", , , , ],
["|||<a class='menu' href='http://growinggoodness.com/strongrootsfragilefarms.htm'>Strong Roots, Fragile Farms</a>","", , , , "_self", , ,, ],
["|||<a class='menu' href='http://growinggoodness.com/therealdirtonfarmerjohn.htm'>The Real Dirt On Farmer John</a>","", , , , "_self", , ,, ],
And create a style:
A.menu {
color: #FFF;
text-decoration: none;}
A.menu:hover {
color: #FFF;
text-decoration: underline;}
Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.
Your solution refers to creating absolute paths using
var pathPrefix_img = "http://domain.com/images/";
I have implemented this solution but I still think the problem persists.
A: Now you set pathPrefix parameter:
var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";
And you have such images paths, for example:
var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];
So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif
It is not right.
You should write your paths so:
var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];
Please, correct it.
Q: I'm trying out your menus, and I seem to have a problem with changing the title of a menu item. If the text is something like "Create a New Event" the entire menu spreads out and the rollover image starts replicating itself behind it, instead fo stretching with the text. So I see 1 /2 rollover images for that top level item, instead of just the one, width it's width spread out to accomodate the extra text.
I've tried the Styles bit, but that doesn't seem to fix the rollover image any...
Any pointers ?
A: You can try to set the exact width for each menu item using IndividualItem Styles.
You should use Individual Item Styles.
For example:
var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style3
];
["Home","testlink.htm"],
["Samples","testlink.htm"],
["|Group 1","", , , , , "0", , , ],
["|Group 2","", , , , , "1", , , ],
["|Group 3","", , , , , "2", , , ],
...
[" More Samples","testlink.htm"],
["|Group 1","", , , , , "3", , , ],
["|Group 2","", , , , , "1", , , ],
Where "0", "1", "2", "3" - style number in itemStyles.
You also should check the width of your rollover image. It should bethe same width as your items.
You can also use
tags in the item text, for example:
var menuItems = [
["line 1
line 2"],
];
Or you can set this parameter:
var noWrap=0;
Try that.
Q: I am trying out your program and it's really sweet. I have 1 little problem. I created the menu everything works in IE7. In firefox the menu is about 4 or 5 px longer. It seems like in firefox there is a border around each top level item although I have set all borders to 0 (I can see that because I have set roolover color of background to opposite of normal color)
A: Try to set exact width for the menu in "px".
For example:
var menuWidth="600px";