Smarty :: View topic - SmartyMenu z-index problem

SmartyMenu z-index problem

This forum is locked: you cannot post, reply to, or edit topics.

This topic is locked: you cannot edit posts or make replies.

Smarty Forum Index -> Add-ons

View previous topic :: View next topic

Author

Message

talo
Smarty Rookie

Joined: 18 Oct 2005
Posts: 16

Posted: Fri Mar 09, 2007 12:29 pm Post subject: SmartyMenu z-index problem

Hi All,

I have the following problem:

when i have too many items in the row the menu wraps which is fine, however if there are now 3 rows of tope level items for instance and the item on the first row has a sub menu the second level items overlap and they dont show.

How do i make it so that second and third etc. level items have a higher z-index then their top level parent.

this is what i got in my css file:

Code:

/*-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
menu css start
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#menu_hor /* surrounds the whole menu */
{
z-index : 0;
padding-top : 20px;
}

#nav_hor, #nav_hor ul /* all lists */
{
padding : 0;
margin : 0;
list-style : none;
line-height : 1;
}

#nav_hor li /* all list items */
{
position : relative;
float : left;
line-height : 1.60em;
margin-bottom : -1px;
margin-right : -1px;
/*width : 9em; /* width needed or else Opera goes nuts */
width : 160px;
}

#nav_hor li ul /* second-level lists */
{
z-index : 50;
position : absolute;
left : -999em;
}

#nav_hor li ul ul /* third-and-above-level lists */
{
z-index : 50;
left : -999em;
margin-left : 10.9em;
margin-top : -1.45em;
}

#nav_hor li a, span.nolink
{
/*width : 10em;*/
/*w\idth : 9em; /* not a typo, browser hack */
width : 160px;
display : block;
background : #232323;
color : #FFFFFF;
font : bold 10px/22px Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
border : 1px solid #545454;
border-right-color : #000000;
border-bottom-color : #000000;
/*padding : 0.5em;*/
padding : 0 6px;
}

#nav_hor li a:hover
{
z-index : 50;
color : #FFFFFF;
background-color : #F5821F;
}

#nav_hor li:hover ul ul, #nav_hor li:hover ul ul ul, #nav_hor li.sfhover2 ul ul, #nav_hor li.sfhover2 ul ul ul
{
z-index : 50;
left : -999em;
}

#nav_hor li:hover ul, #nav_hor li li:hover ul, #nav_hor li li li:hover ul, #nav_hor li.sfhover2 ul, #nav_hor li li.sfhover2 ul, #nav_hor li li li.sfhover2 ul
{ /* lists nested under hovered list items */
z-index : 50;
left : 0em;
}

as you can see i've tried to put in the z-index but it still doesnt work.

please help,

cheers,
T.

Display posts from previous:

	Smarty Forum Index -> Add-ons	All times are GMT
Page 1 of 1

You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum