Missing vertical separators...

Taken From The Forum:
Forum Topic:
Last Updated: Saturday July 14 2012 - 06:07:05

Missing vertical separators...

Poster: DougP
Dated: Thursday May 25 2006 - 1:42:09 BST

Help!

The vertical separators between the menu titles have disappeared in the horizontal part of my menu.

I installed the latest version and the verticals have gone. See here:

http://www.flashlightreviews.com/index1.html

Code:

_menuCloseDelay=500           // The time delay for menus to remain visible on mouse out
_menuOpenDelay=150            // The time delay before menus open on mouse over
_subOffsetTop=5               // Sub menu top offset
_subOffsetLeft=-10            // Sub menu left offset

var sub1TopOffset = 2;
var sub1LeftOffset = 0;


with(menuStyle=new mm_style()){
onbgcolor="#EEECCD";
oncolor="#6b1010";
offbgcolor="#6B1010";
offcolor="#FFFFFF";
bordercolor="#AAAAAA";
borderstyle="raised";
borderwidth=2;
separatorsize="2";
padding=3;
fontsize="10pt";
fontfamily="ariel, sans-serif";
fontweight="bold";
high3dcolor="#AAAAAA";
low3dcolor="#000000";
swap3d="true";
}

with(milonic=new menuname("Reviews")){
top = "offset=" + sub1TopOffset;
left = "offset=" + sub1LeftOffset;
style=menuStyle;

...
...
...

The verticals were there with the last version... a new bug? I searched and couldn't find any reference to this problem.

I don't know anthing about CSS styles, etc, and I just slapped this menu together without really knowing what I'm doing, but it's been working pretty well until this last update.

Thanks in advance!
Doug

Poster: John
Dated: Thursday May 25 2006 - 14:59:34 BST

You haven't specified a separatorcolor=.

Poster: DougP
Dated: Thursday May 25 2006 - 22:04:54 BST

I'm sorry, I guess I should have been more specific. I did try setting every "separator" option that I could find to no avail. Color, height, alignment, everything... still no-show.

I should note that the separators were showing without the color set before the upgrade - they used the 3D colors...

Poster: DougP
Dated: Friday May 26 2006 - 21:51:32 BST

Any further help would be greatly appreciated!

Poster: Ruth
Dated: Sunday May 28 2006 - 6:35:22 BST

Hi,

Try adding separatorheight="100%"; along with the separatorcolor="yourcolor";

Ruth

Poster: DougP
Dated: Sunday May 28 2006 - 21:04:41 BST

Thank you! That works, but once I add...

Code:

separatorheight="100%";
separatorcolor="#666666";

...the horizontal "3-D look" separators in the drop down menus disappear.

I keep trying other "separatorXXXX" values to no avail... I guess I'm stuck with either a 3-D border and 3-D horizontals but no verticals, a 3-D border with plain vertical separators and no 3-D horizontals, or no 3-D border but both plain verticals and plain horizontals.

Any other ideas? All suggestions appreciated!

For now I've uploaded this change to the site. I may keep it this way since it cuts down on clutter in the menus without the 3-D horizontal separators...

Doug P.

Poster: Ruth
Dated: Monday May 29 2006 - 5:37:03 BST

Hi,

Being able to see the page would be much easier. I have to assume you are using the same style for the horizontal and vertical menus. Were the separators working on the vertical submenus with the new version of the menu? if so, then I suggest you take your original menustyle before you added the separatorheight and you name it say subStyle or menuStyle1 or something, then paste it into the data file and go to all vertical submenus and change their style to whatever you named the new style.

If you'll give a url it would be much easier to make sure I am correct in what the issue is.

Ruth

Industrial Strength JavaScript and DHTML Menus

Missing vertical separators...