Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › CSS Menu Writer › Item Dividers

Item Dividers

Thread began 4/29/2009 3:57 pm by Ian | Last modified 4/30/2009 2:17 pm by Ian | 3087 views | 2 replies |

4/29/2009 3:57 pm | #1 Ian

Item Dividers

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

4/30/2009 8:27 am | #2 Ray BorduinWebAssist

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.

Did this help? Tips are appreciated...

4/30/2009 2:17 pm | #3 Ian

Great, thanks.

That works for me.

Cheers
Ian

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.