Top-Nav Module: Show the items using the full horizontal space

[Mustafas]

Hello together,

 

how can I manipulate the module "top-nav", s.t. the full horizontal space is used?

By default, I get this:

 

 

But that is not very nice in my view. I want it to show like this (changed with graphic programm):

 

 

But of course the Buttons Titles should have all the same distant to their right and left vertical bars (not like that one above, where "Accessoires" have bigger distances).

Could anyone give me short advices how to change to achieve this result?

Thanks very much!
Mustafas

 

EDIT: I use the version 1.6.0.8

Edited August 14, 2014 by Mustafas (see edit history)

[vekia]

instead of <li> elements use <td> width defined full width for <table>

then each menu element will have the same width.

you can also define width of <li> element to 20% effect will be the same

[Mustafas]

instead of <li> elements use <td> width defined full width for <table>

then each menu element will have the same width.

you can also define width of <li> element to 20% effect will be the same

 

Thanks, but I do not want all elements to have the same width, but just to have the same distances between the text (button titles) and their left and right borders – that is fulfilled by default, but without the needed 100% width.

Edited August 14, 2014 by Mustafas (see edit history)