Hey folks, as we’re on a CSS Menu theme today, here’s one…
On a new site, I have a main nav that utilizes CSS menus. In certain areas, I want to use a subnav scheme in a left column. It worked great, until I realized all the drop downs under a left-ish main nav heading are totally screwy.
Been working with CSS menus too and been having somewhat of the same problem. Have you tried control + click on your menu and selecting “bring to font”?
I may have renamed that file. I will send a new URL later tonight. I ended up using divs, but would like this sorted out. It may not be possible as it is a box model layout.
As Rich suggested it may just be a matter of bringing the Menu layer to the top.
The farther down the list in the site pane the closer to the top. You can also use Item>Extended on the Menu HTML container and add in name:z-index value:99 (a big number)
Just to reiterate the problem, the page is all inline. As I understand it, everything is on the same layer.
The top menu should be on top of the sub menu – always. There are no dropdowns of any sort on the side menu. Adding “z-index” and “99” through the extended dialog has no apparent effect when applied to either div containing the css menu action.
If you roll over Practice Areas, the drop down is still affected by the other css menu area. Right now the z-index is applied to the upper menu div.
By the way, I love the new width controls of the CSS menu function. Way to go Softpress!
The submenus for the top nav bar are hard coded in the action to a z
index of 1. This CSS forces the z index up to 100 which should be high
enough to display above the rest of your content. Be sure to test this
as it is attempting to overwrite the style set inline on the submenu
itself. Normally this would have precedence over any style in the
document head but the !important part of the style should take care of
that.
Regards,
Tim.
On 3 Feb 2010, at 13:41, Andrew Macris wrote:
Just to reiterate the problem, the page is all inline. As I
understand it, everything is on the same layer.
The top menu should be on top of the sub menu – always. There are
no dropdowns of any sort on the side menu. Adding “z-index” and “99”
through the extended dialog has no apparent effect when applied to
either div containing the css menu action.
If you roll over Practice Areas, the drop down is still affected by
the other css menu area. Right now the z-index is applied to the
upper menu div.
By the way, I love the new width controls of the CSS menu function.
Way to go Softpress!