Recent Questions
Q: I would like to separate each main menu item in a dhtml menu bar with a dotted line graphic.
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, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Q: Your service is excellent and I am making progress learning the program. I was able to resolve the transparency issue thanks to your help but, but now I have another one that is stumping me.
I can get the dhtml javascript menu script to show up in my html document and it works as I hoped it would. However, no matter where I put the line of code in my html file, the dhtml javascript menu script always shows up at the very top of the page. The instructions indicate the following:
Copy the following code into clipboard and paste it into the place you want to have the dhtml javascript menu script:
<script type="text/javascript" src="newmenu2.js"></script>
For example, into a table cell:
<table>
<td><script type="text/javascript" src="newmenu2.js"></script></td>
</table>
No matter where I put the code: <script type="text/javascript" src="newmenu2.js"></script>, the menu shows up at the top of the page.
What am I missing?
A: Check that you're using relative position for the dhtml javascript menu script:
var absolutePos=0; var posX="0px"; var posY="0px";
Q: That worked for the rollover drop down menu but I lost my drop shadow on the main menu. The sub-menus still have it. The preview has the drop shadow but when I view it in IE it is not there.
A: You should check the following parameters:
var shadowLen=3;
var shadowColor="#B1B1B1";
var shadowTop=1;
Q: The text on the dropdown menu item is not centered as it shows in the preview, How do I fix?
A: The reason is in your style
TD {
VERTICAL-ALIGN: top
}
Try not to define style for Table, TD, TR elements they can affect themenu.
Set also the following parameter:
var itemAlignTop="center";