Item Dividers

[Ian]

Hi,

How can I set my menu to have a divider between each item?

By that, I mean an image (maybe an etched vertical line) between top level items like on the Web Assist home page menu.

Do I create a menu item, with no link, and then apply individual CSS formatting to it? Which begs another question - how can I apply individual CSS styles to the different menu items? eg How can I put some items in Bold (i.e. Headers in a dropdown)

Ta
Ian

[Ray Borduin]

We manually added the spacers by adding <li> tags by hand between the menu items after using css menu writer to generate the base menu.

View the source code, you can see them referenced as "menuspacer" and they have the etched vertical line you are talking about as their background image.

The WebAssist web site menus were built using the css menu writer code as a base, but we did a lot of updates by hand to get it to look exactly how it does. These updates cannot always be done in the menu writer interface alone.

[Ian]

Great, thanks.

That works for me.

Cheers
Ian