Absolute Widths on Menu Items

Hello,

First-off, nice rework conversion of your Flash variant! I really like this CSS version.

Two items, though, that I think you should consider:

1) The ability to have multiple tiers; i.e. 2 horizontal menus, instead of a single line.
2) The ability to select a preferred color for menu line separators.

One problem I am having, however, is with the need for absolute width menu items. This is posing a big problem for me, as I MUST have 2 tiers. I am stacking 2 instances of the same menu version (though with different URLs, of course) atop one another, and for continuity, I need the line separators and menu items to line-up from top-to-bottom. In other words, menu items which are together from the top and bottom should have the same widths, so that the line separators match each other.

Can you think of any way for me to do this; perhaps in the CSS/JS code?

Thanks in advance,

Answer:

Hi,

thanks for your advices.

Yes, you can do it in another CSS file or in HTML page style tag,

<style>

    #swimbi ul li a {

        width: 150px; // if you want to set equal width for all menu items

        

    }

</style>

or

<style>

    #swimbi ul li a {

       padding: 0px 28px !important; // if items width should depend on texts width

        

    }

</style>

PS

I don't recommend to edit the swimbi.css, because the Swimbi app rewrite the file each time you edit the menu.

Regards

Dmitry

f-source.com