Variable widths for menu items

Hi everyone,

I need each of the menu items to be a similar width to the text that's the label, but it seems that I can only set a width for the entire menu level. I tried using 100% as the width but this causes overlap.

Can anyone tell me if there's a way to achieve this?

This is not possible to achieve in the menu writer wizard, you will need to modify the menu code after it has been applied.


after the menu is created on the page, you will need to an iinline style to define the width for each individual a tag.

For example:
<li><span><a href="index.html" style="width:50px;">Home</a></span></li>

would set the HOME to 50px, or:
<li class="parent"><span><a href="contact.html" style="width:150px;">Contact US</a></span></li>

would set the Contact Us menu item to 150px.

Hi, I do it the following, but that takes a lot of time.

I set the width to ZERO(leave it blank). then I center the Link-Text finally I set the padding (left/right) to 20px for example. now, you need to see the live page if the navigation fits. its try and error. the navigation is not to see in dreamweaver :-(



maybe you wish to have this flexible width on each link, and automatic fit to main width of the navigation.

Ok thanks for the info