WebsiteBaker Support (2.8.x) > Templates, Menus & Design

Solution how to center a horizontal Show_Menu2 menu (all css 2)

<< < (2/2)

dbs:
something ist wrong with your nav.
firebug says:

--- Code: ---#nav {
float:left;
height:34px;
}
--- End code ---
is all you need to center the nav.

but normally ist div with text-align center the right way.
like here: *removed*

dbs

Boudi:
Hi,

Thnq for responding.


--- Quote ---but normally ist div with text-align center the right way.
--- End quote ---

You're totally right and that was one of my first tries too but it simply doesn't work with the ALL CSS 2 menu and submenu style.

Creating a menu in the center is no problem. Creating one with sub(submenu's) is another thing. And that's why I put this solution down here :)

Boudi.

DGEC:
It is centred nicely, congrats on figuring it out.

I do hope that the example site link is not supposed to be all working because the drop-downs seem badly broken in IE7. Not sure, might be just because of the rotating banner.
The "behandelingen" menu somestimes only shows the first item on the drop-down instead of the full drop-down list when the rotating highlight is on the first point and on all of them only the first item on the menu can be picked as the menu disappears when the mouse goes further down.

Can't see the sub-submenu's you mentioned, probably due to the last point.

Boudi:

--- Quote ---because the drop-downs seem badly broken in IE7
--- End quote ---

You're right. I only checked it with IE8 and FF. But I think this can be easy fixed with a z-index. Thnq for noticing!

Sub-submenu's I did test and it works fine. But for this website They were not needed.

Regarding the sub- and subsubmenu's:

If you use submenu's then just put in the 2nd Child menu under #nav .menu li ul the following:
left:-25%;

With the submenu's it's just playing with the "left" css style.

UPDATE: Works well under IE7 too now (placed a z-index)

Navigation

[0] Message Index

[*] Previous page