Where in the css, and what do I add, that will make menu items e.g. 'Home, About us, Products, Contact' stretch across a certain width please ? (ie So there are equal spaces between all the menus items.
---
ie # Home # About us # Products # Contact # (Where the # is automatically expanded out to fill whatever width I choose eg 1000px
---
Be kind, I'm a novice in these things and just need to know where and what at the moment - many thanks.

Hello Keith,

Please check the following article:
www.dmxzone.com/go/17390/universal-css-navigation-menu-advanced-css-styling/

In short - you need to set the widths of the menu items equal:
For example - if you have 4 menu items, they should have: width:25%;
If you have 5 menu items - width: 20%; etc..

Thanks for that. It's starting to make sense, once I found the right bits to change!:
.dmxNavigationMenu ul.horizontal > li ( BOX: Width: ‘xx’% + Float: ‘left’ )
.dmxNavigationMenu li a ( BLOCK: Text-align: ‘center’ )
---
BUT if possible I want the # in between the menu items to be flexible, ie not the actual menu item widths set to a specific %. For arguments sake, if the menu was ...
---
# Teodor Kuduschiev Official Representative # keith #
---
... there would be a danger that part of your name is hidden if the % width ends up too small, while 'Keith' could be floating in a massive space. So, using that example, I'm looking for the 3 x # to expand out to the measure (ie Not the individual menu items)
---
Cheers
Keith

Hello,
You can try setting the width to auto and set some padding on the left and right

I'm beginning to think it can't be done
I'll see if the auto works in the padding too, although I think I tried that.
Thanks for your help
Keith