Menu separator

[Alberto]

Hi,
Which is the best to use as a menu separator?
I´m using an image ('images/bg_pane_right.gif') but I dont like it.
It displayed ok in NT4 but no in NT5, I´m using a width of 200 and a height of 3 and it looks like the image attached.
Thanks
Alberto

[attachment deleted by admin]

[Bruce]

Hi Alberto,

I haven't explicitly changed anything with this menu - at least not that I recall - although I did update it to the latest version. Can you tweak one of the examples, and add your separator, so I can try it in NT4 and NT5.
I'm trying to reduce visual differences during an upgrade as much as possible.

Cheers
Bruce

[Alberto]

Hi Bruce,
Attached goes the web25 example (C72 NT5), I´ve added a separator to the menu, you just need to make it look as a simple line, I think it is not fixing the height.
Alberto


[attachment deleted by admin]

[Bruce]

ok, so let's cover some bases.

a) the items in a chrome menu are assigned a css class. The name of the class is on the menu settings, Css Class tab, Chrome Tab, and defaults to 'chromesep'

b) The chromesep class is declared in chromemenu.css as
.chromesep {
background:#D0D0D0 none repeat scroll 0 0;
color:#404090;
padding:4px;
width:100%;
}

c) you're using an image as a separator.

So let's put all this together. Firstly since your separator is a single line anyway, we can do that with CSS alone, and dispense with the image altogether.
Secondly, you can specify your own css for this item.

Create a css file, and add something like
.chromesep2 {
background:#D0FFD0 none repeat scroll 0 0;
width:100%;
height: 3px;
}

you can obviously change the height and color to whatever you prefer.
Add your css to the list using the Styles tab in the Web Server procedure.

Incidentally this technique should work in NT4 and NT5

Cheers
Bruce

[Alberto]

Ok, understood but if there is a cromesep class then, without using an image,
How do I declare a separator in a menu?
Alberto

[Bruce]

just add a menu item and leave everything (text, url, image) blank.