Recent Questions
Q: Can you tell me what fields control the lines around the top level of menu items?
What fields control the lines around each sub-menu item?
I would like to test and see if the program will allow me to create a top menu that displays as follows:
Home | Proposal Reponses | Marketing Info |
As you can see I would like no borders around the top level and a tilda (vertical line) separator between each top level menu item.
For the sub-menu items I would like there to be a thin line box around the sub-menu but no lines in between each item within the sub-menu. What fields control these paramenters?
A: Home | Proposal Reponses | Marketing Info |
Yes, you can create such menu.
Please, use Individual styles.
Set these parameters:
var menuBorderWidth=1;
var menuStyles = [
["menuBorderWidth=0"], //style 0
];
["Home","testlink.html", , , , , , "0", , ], //style 0
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
To add lines between main items you can paste the separators.
Please, see the following parameters:
//------- Separators -------
var separatorWidth = "10";
var separatorHeight = "20";
var separatorAlignment = "center";
var separatorImage = "C";
var separatorVWidth = "150";
var separatorVHeight = "10%";
var separatorVImage = "image.jpg";
You can create separators using menuItems, for example:
var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];
Q: How can I set the padding for the dhtml horizontal menu text at the top? I want more padding on the left of the text but I don't want it centered.
A: You can set bigger left padding for your Submenu Style, for example:
var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=1","itemPadding=0px 5px 0px 25px"],
];
itemPadding=0px 5px 0px 25px
top right bottom left
Q: If you will go to my site you will see that the buttons turnwhite or unload and reload when hovered over. Is there anything I can do toprevent this?
A: You can have such effect when the page entirely was not loaded yet.
So, images were loaded only for the 1 state and for the other were not loaded yet.
If you don't want to have such effect you can use 1 state buttons.
Q: As a follow up, please could you take a look at the attached images and let us know if there are any settings within the javascript drop menu files set within the previous mail that would make the 1st sub menu indent a couple of pixels when the 2nd sub menu sits correctly.
A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.
Open dmenu.js file in any text editor and find the following code:
space=15;
Change 15 to 0.
space=0;