Recent Questions
Q: Why is the submenu a different colour has a different colour than menu items - surely that's not an IE specific feature? The top-level menu items seem to be a different size too, so the layout in IE looks more even.
A: Submenus has a different color because they have a transparency:
var transparency="90";
Set it to 100.
Submenus also have larger width than top items because they containsmore text. If you want to wrap the text, use
tag between item words.
Q: Is this tag necessary?
<script type="text/javascript"> var dmWorkPath="scripts/";</script>
Because Dreamweaver will not automatically update the path when the directory changes, (won't change from scripts/ to ../scripts).
A: Yes, it is a necessary tag.
Your menu won't work correctly without this tag.
Q: I'm looking to make a space between menu buttons in the drop down menu example,
I checked the FAQ which suggested using ["-"], between items but it didn't work.
A: To add a separator you should
//--- Separators
var separatorImage=""; //for subitems (top items in vertical menu)
var separatorWidth="100%";
var separatorHeight="3px";
var separatorAlignment="right";
var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
var separatorVWidth="100%";
var separatorVHeight="2px";
var separatorPadding="";
You can create separators using menuItems
(you can do it in Deluxe Tuner, use "Add separator" button),
for example:
["||All Images","gallery_all.html", , , , "_self", , , , ],
["||-"],
["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],
Q: You have a great, and very intuitive and easy to learn, product.
I'm down to two dumb questions:
A. What controls the little red arrows? I'd like them on every one of the navigators.
B. How do I create equal space between the drop down menu items? It looks weird right now.
A: 1) If your top item has a submenu this arrow will appear automatically.
For the items without submenus you may write:
["Home <img src='skin_data.files/arrowmain11.gif'>","index.html", "", "", "", "_self", "", "", "", "", "", ],
["About Us <img src='skin_data.files/arrowmain11.gif'>","about_us.html", "", "", "", "_self", "", "", "", "", "", ],
You can find arrowmain11.gif image in the attached example.
Actually you can add any html code inside item's text.
2) Set the drop down menu padding:
var itemPadding="3px 15px 3px 3px";