The demo site: www.dottedi.us/18
I am working on a joomla theme/template. The mainmenu works fine by itself.
For the requirements I needed to add a secondary, dropdown menu module. The
second menu will live above the main dropdown. The problem is that in spite of
adding some high z-index numbers in what I think is the right stylesheet, upon
hove the upper menu is getting obscured.
This gets a little convoluted because of the module/theme css structure. I added the
following to the dropdown.css stylesheet for the "artgrandmenu" module:
/* Added by Bob just to see */
.artgrandmenucontainer ul.dropdown li.hover,
.artgrandmenucontainer ul.dropdown li:hover {
z-index: 987654321;
}
#ja-search .artgrandmenucontainer ul.dropdown li.hover,
ul.dropdown li:hover {
z-index: 987654321;
}
#ja-search .artgrandmenucontainer ul.dropdown a.hover,
ul.dropdown li:hover,
#ja-search a.hover,
#ja-search .artgrandmenucontainer a.hover,
a:hover
{
z-index: 987654321;
}
#ja-search {
z-index: 987654321;
}
I'm stabbing at anything now. I am not looking into the main menu stylesheet,
thinking that I should look at the secondary menu. I commented out everyything
in helper.css
mod_artgrandmenu/mod_artgrandmenu/css/dropdown/themes/default/helper.css
mod_artgrandmenu/mod_artgrandmenu/css/dropdown/dropdown.css
mod_artgrandmenu/mod_artgrandmenu/css/dropdown/themes/default/default.css
Ideas?
--
Bob Meetin
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
