Hi,
to just to make shure that my assumption is right – have you tried to switch to another theme and looked if the problem persists? If its depending on the the theme there might be some z-index values in the css for the sidebar causing the problem look for
#navigation {
float:right;
font-size:12px;
font-weight:bold;
margin-right:2px;
position:relative;
width:190px;
z-index:200;
}
and start playing
just a guess.
best regards
bee
Yep, you’re right. It’s the theme.
There are 3 entries with z-index in the style.css
the horizontal menu and banner:
/* Banner and Menu */
#banner { position: relative; z-index: 100; height: 115px; width: 800px; background: url(images/banner2.gif); }
#banner h1 { display: none; }
#banner img { border: 0; margin-left: 5px; }
#banner ul {list-style: none; padding: 0; margin: 0; max-height: 13px; padding-top: 28px; padding-left: 2px; }
#banner ul li { position: relative; z-index: 200; float: left; }
.menu_divider { display: block; width: 1px; height: 79px; background: #FFFFFE; }
.menu_item { display: block; width: 120px; height: 13px; margin-top: 30px; }
.menu_item a:link, .menu_item a:visited { font-size: 13px; font-weight: bold; color: #fff; letter-spacing: -1px; }
.menu_item a:hover { color: #A4CB39; }
.menu_item a img { margin-right: 5px; }
logo image:
/* --- logo image styles ---*/
.logo {
width:800px;
height: 115px;
position: absolute;
left: 0;
top: 0;
font-size: .1em
z-index: -200;
and the navigation = sidebar:
/* Navigation */
#navigation {position: relative; z-index: 100; width: 190px; float: right; margin-right: 2px; font-weight: bold; font-size: 12px; }
#navigation ul li a { display: block; max-height: 22px; width: 190px; padding: 4px 0px; }
#navigation ul li a span { padding-top: 5px; }
#navigation a:link, #navigation a:visited { color: #FFFFFF; }
#navigation a:hover { color: #A4CB39; background: #323232; }
#navigation a:hover img { color: #A4CB39; background: none; }
#navigation ul { list-style: none; margin: 0px 0 10px 0; padding: 0px; text-align: left; }
#navigation ul li { margin-top: 2px; }
.nav_title { width: 190px; height: 22px; background: url(images/title_pattern.gif); }
I already tried to lower them, but it didn’t help.
Hi,
you may try it the other way around, look for the z-index values in nextgen-gallery/thickbox/thickbox.css – give higher values where you find z-index but keep them in order from lowest to highest.
I don’t know if that helps but think its worth a try.
best regards
bee
nope, didn’t work
thx anyways 😉
I changed my z-index in the thickbox.css, no luck though?
any tips please?
thanx
I added the z-index as follows and it work:!!
#nav li ul { /* second-level lists */
position: absolute;
background: #858222;
width: 130px;
left: -999em;
margin: 0;
padding: 0;
z-index: 1;
}