Center items in Top Menu (user3) and add dividers

Hi,

Is there a way to center the items in the top menu (that's populated by user3)?

Also, I'd like to add a graphical vertical divider (png file) between each item - see attached. Is this kind of thing possible?

Many thanks,

Mark

You can add devider as background image.
#nav > li{
background-image:..
}

you can use
#nav > li:first-child{
background-image:none;
}

to omit it from first one, but this only works for browsers that support css 3. You can solve this using jQuery , sector syntax is same:

jQuery('#nav > li:first-child').css('backgroundImage','none');


Menu support adding icon as any joomla menu, but i'am not sure that is usable for what are you truing to achieve.

Thanks. I'll try this out later. Is there a way to center the items of the menu. Currently they are aligned to the left.

Thanks,

Mark

ivan.milic wrote: #nav > li{
background-image:..
}

I'm trying to get this to work. take it the code above is added to template_css.css? Does it mater where in the file this is added? I've tried in several locations but can't get the image to display.

Thanks,

Mark

Very bottom is good place, yuo can also add !important flag:

#nav > li{
background-image:url(..)!important;
}