CSS Dropdown menu for the header- With Categories!

[Fireflyz]

Hi Jade,
I'm having the same problem as many people who have installed lighbox: the menu is over the image, but I have slimbox installed not lightbox. I looked and didn't find any references to z-index in the slimbox css. Any advice?
Here is slimbox css:


--------------------------------

@charset "utf-8";



/* SLIMBOX (Customized version) */

/* NOTE: the URL paths should be the ABSOLUTE path to the images, starting at the site root (ie begining with a '/')*/



#lbOverlay {

position: absolute;

top:0; left: 0;

width: 100%;

background-color:#000;

cursor: pointer;

}



#lbCenter, #lbBottomContainer {

position: absolute;

left: 50%; padding:0;

overflow: hidden;

background-color: #fff;

margin:0px;

font-size:0px;

line-height:0px;

}



.lbLoading {

background: #fff url(../images/sb_loading.gif) no-repeat center;

}



#lbCanvas {

border: 9px solid #fff;

}



#lbCanvas iframe, #lbCanvas img {

border:1px solid #999;

margin:0; padding:0;

}



#lbPrevLink, #lbNextLink {

display: block;

position: absolute;

top: 10px;

width: 70px;

background:url(../images/sb_anchor_spacer.gif);

}





#lbPrevLink {

left: 0;

}



#lbPrevLink:hover {

background: transparent url(../images/slimbox/sb_prevlabel.gif) no-repeat;

}



#lbNextLink {

right: 0;

}



#lbNextLink:hover {

background: transparent url(../images/sb_nextlabel.gif) no-repeat;

}



#lbBottom {

font-size:12px;

font-family: Verdana, Helvetica, sans-serif;

color: #666;

text-align: left;

margin:0 0 0 10px; padding:0;

}



#lbCloseLink {

display: block;

float: right;

width: 66px;

height:18px;

background: transparent url(../images/sb_closelabel.gif) no-repeat center;

margin:0; padding:0;

}



#lbCaption, #lbNumber {

}



#lbCaption {

font-weight: bold;

padding:0px;

margin:0px;

float:left;

line-height:18px;

height:18px;

}



#lbBottomContainer {

height:20px;

clear:none;

}



#slimboxWrapper {

padding:0px;

margin:0px;

border:none;

border-collapse:collapse;

display:none;

visibility:hidden;

clear:none;

background-color:inherit;

}





------------------------
Thank you so much! I'm donating in a few minutes.. just a small thank you for all your help to the community.. cheers!

[jettrue]

Hi Jade,
I'm having the same problem as many people who have installed lighbox: the menu is over the image, but I have slimbox installed not lightbox. I looked and didn't find any references to z-index in the slimbox css. Any advice?
Here is slimbox css:






------------------------
Thank you so much! I'm donating in a few minutes.. just a small thank you for all your help to the community.. cheers!

Try adding a z-index:2000; in different places in that code, and see if that helps. Also, a link to your site would be great.

Also, thanks a bunch for the donation (I'm assuming that was you!)... it doesn't happen very often, and honestly I don't expect it, but its a nice surprise when it happens.

[Fireflyz]

Try adding a z-index:2000; in different places in that code, and see if that helps. Also, a link to your site would be great.

Also, thanks a bunch for the donation (I'm assuming that was you!)... it doesn't happen very often, and honestly I don't expect it, but its a nice surprise when it happens.

Actually, a solution was posted on the slimbox support forum by banswidthjunkie, I tried it and it worked fine. I'm poting it below for those who might have the same problem:

in the file css/stylesheet_slimbox_ex.css, at the top before everything else you can add the code: Code:
#lbOverlay, #lbCenter, #lbBottomContainer {
z-index:1000000;
}
----------------

As for the donation, yes it was me.. You are welcome! you deserve it! You have some of the best mods and support forums to go with them. Thanks again for the quick reply, as always..

[jerrytkc]

Hi,

I have a question to ask. Here the situation, when in the default language (English) this module work fine, but when I change to other languages, coz the length of the wording are different, the layout are running, so I am thinking of can I use different CSS files for different language?

Thanks.

Jerry

[stevefriedman71]

To my knowledge - i haven't used this option - you need to create a stylesheet named "language_stylesheet.css" that should kick in as soon as this language is used. from my understanding, you have to exchange "language" with the language you're using... eg. "english_stylesheet.css", "french_stylesheet.css" etc.
for more, read the "CSS read me.txt" in the "includes/template/template_default/css" folder.

Hope it works. as i said, i never had to use this option.





HAPPY HOLIDAYS AND HAPPY NEW YEAR, FOLKS

[rohitsoftech]

Hello,
If you want to display the Manufacturers list as drop down on the horizontal menu,
this is a useful link
http://www.zen-cart.com/index.php?ma...roducts_id=847

[nsanford]

Hi all,
I'm having a problem with the menu displaying in IE (displays perfectly in firefox). When the menu loads, there is a large gap between the header logo & menu, then when you hover over the menu, it jumps up.

Also, when hovering over categories with submenu's, it highlights the whole area, but when hovering over one's without, you need to point at the words??

I'm not very good at explaining this, I see...so the site is:
www.nzstitchers.com

Can anyone point me in the right direction to fix these two minor issues?
Thanks!

[saher.alsous]

Craig,

since my problem was not with a lightbox but with HoverBox I located my hoverbox stylesheet and changed the z-index setting from 100 to 1000 so it now reads like this:

#hoverbox{
position: absolute;
left: 0;
width: 100%;
z-index: 1000;
text-align: center;
line-height: 0;
}

Thank you so much for your help! Worked like a charm. This forum is the best.

thank you

that solved it!

[saher.alsous]

Hi all,
I'm having a problem with the menu displaying in IE (displays perfectly in firefox). When the menu loads, there is a large gap between the header logo & menu, then when you hover over the menu, it jumps up.

Also, when hovering over categories with submenu's, it highlights the whole area, but when hovering over one's without, you need to point at the words??

I'm not very good at explaining this, I see...so the site is:
www.nzstitchers.com

Can anyone point me in the right direction to fix these two minor issues?
Thanks!

it seems that the menu effects the header...

for me its different, but same idea, but it works well with IE and it push the bar above the header up in FF2...
but your menu works fine in both. despite the spacing problem with IE.

who can fix that spacing things with this menu and the header area!

regards

saher

[shelshell]

I love this dropdown menu. What a great addition to the site I'm working on.

I do have a question though, and I can't seem to find the answer in this thread...at least an answer that works.

I need the Information (ezpages) menu removed from the dropdown header, and only see it in the sidebar. You can see the site (in the worx) here
http://www.zyliedesigns.com/

I can't seem to find out how to remove it? Which file should I edit?