Zen Cart Logo
Forums / All Other Contributions/Addons / CSS Dropdown menu for the header- With Categories!

CSS Dropdown menu for the header- With Categories!

Views: 615,617

Results 721 to 740 of 2,344
19 Dec 2007, 11:36 AM
#721
fireflyz avatar

fireflyz

New Zenner

Join Date:
May 2007
Location:
Los Angeles
Posts:
89
Plugin Contributions:
0

CSS Dropdown menu for the header- With Categories!

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! :cheers:

19 Dec 2007, 12:00 PM
#722
jettrue avatar

jettrue

Totally Zenned

Join Date:
Jan 2005
Location:
USA, St. Louis
Posts:
3,651
Plugin Contributions:
5

Re: 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:


Thank you so much! I'm donating in a few minutes.. just a small thank you for all your help to the community.. cheers! :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. :cool:

20 Dec 2007, 12:50 AM
#723
fireflyz avatar

fireflyz

New Zenner

Join Date:
May 2007
Location:
Los Angeles
Posts:
89
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

jettrue:

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. :cool:

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.. :clap:

26 Dec 2007, 6:52 AM
#724
jerrytkc avatar

jerrytkc

New Zenner

Join Date:
Nov 2007
Posts:
14
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

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

26 Dec 2007, 4:54 PM
#725
stevefriedman71 avatar

stevefriedman71

Zen Follower

Join Date:
Sep 2006
Posts:
269
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

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

29 Dec 2007, 9:11 AM
#727
nsanford avatar

nsanford

New Zenner

Join Date:
Dec 2007
Posts:
69
Plugin Contributions:
1

Re: CSS Dropdown menu for the header- With Categories!

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:
https://www.nzstitchers.com

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

29 Dec 2007, 9:26 PM
#728
saher_alsous avatar

saher_alsous

New Zenner

Join Date:
Jun 2007
Location:
Palestine
Posts:
55
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

all4coffee:

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!

30 Dec 2007, 6:52 AM
#729
saher_alsous avatar

saher_alsous

New Zenner

Join Date:
Jun 2007
Location:
Palestine
Posts:
55
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

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! :smile:

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

2 Jan 2008, 6:43 PM
#730
shelshell avatar

shelshell

New Zenner

Join Date:
Jan 2008
Posts:
14
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

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?

2 Jan 2008, 6:47 PM
#731
noleafclover614 avatar

noleafclover614

New Zenner

Join Date:
Sep 2007
Posts:
18
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Does anyone know how to remove my posts with my Site URL or to have my post edited to remove my link? I don't want this page showing up in Google searches for my site.

3 Jan 2008, 9:57 AM
#732
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

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?

No need to edit any file.

If you go to Tools > Layout Boxes Controller in admin you can turn off the ezpages_drop_menu.php sidebox.

Hope this helps.

Craig

3 Jan 2008, 10:00 AM
#733
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

noleafclover614:

Does anyone know how to remove my posts with my Site URL or to have my post edited to remove my link? I don't want this page showing up in Google searches for my site.

I know you can edit your posts, but only within a limited time. Can I ask why you don't want the google listing?

Craig

7 Jan 2008, 6:14 AM
#734
stevefriedman71 avatar

stevefriedman71

Zen Follower

Join Date:
Sep 2006
Posts:
269
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

just found a small issue with the menu v.1.4 on mi sight when i'm using IE
the "shopping Cart" link get's pushed into the second line... any ideas where to fix that? it looks perfect in opera... all in one line
:frusty:

7 Jan 2008, 9:09 AM
#735
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

stevefriedman71:

just found a small issue with the menu v.1.4 on mi sight when i'm using IE
the "shopping Cart" link get's pushed into the second line... any ideas where to fix that? it looks perfect in opera... all in one line
:frusty:

I'm only guessing but I think if you try altering some of your:
width:100%

to:
width:99%

this might help.

Let us know how you get on.

Craig

7 Jan 2008, 4:23 PM
#736
stevefriedman71 avatar

stevefriedman71

Zen Follower

Join Date:
Sep 2006
Posts:
269
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

thanks for the clue... i tinkered with the different width settings available and the one i needed to change is this one:

div#dropMenu li {
	position:relative;
	list-style:none; 
	margin:0; 
	float:left; 
	line-height:1em;
	width:16.667%;
	}

I changed the width to only 16.60%

You never know where you fine the solution:smartalec:

8 Jan 2008, 1:33 PM
#737
d1driftbiz avatar

d1driftbiz

New Zenner

Join Date:
Oct 2007
Posts:
25
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Hi there, Ive just uploaded the files for the menu and i dont have a clue what has went wrong. i followed the instructions exactly how they are but my menus seem to be messed up. they are not displaying horizontally but vertically, in a tree like structure. the files themselves have not been touched however!!

the problem can be seen at

http://fareastperformance.com/store

please HELP!!!!!!!!!!

8 Jan 2008, 2:53 PM
#738
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

d1driftbiz:

Hi there, Ive just uploaded the files for the menu and i dont have a clue what has went wrong. i followed the instructions exactly how they are but my menus seem to be messed up. they are not displaying horizontally but vertically, in a tree like structure. the files themselves have not been touched however!!

the problem can be seen at

http://fareastperformance.com/store

please HELP!!!!!!!!!!

Hi

It looks to me as if the header is loading correctly, but the display of it (controlled by css) is not working.

I do not think you have loaded the css file correctly if at all.

In the modules files you downloaded, you should find:
includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

You should upload this file, replacing 'YOUR_TEMPLATE' with the name of the template you are using, which I presume should be 'classic'.

To make any alterations to the display style of the module you make changes in the css.

Let us know how you get on.

Craig

8 Jan 2008, 3:35 PM
#739
d1driftbiz avatar

d1driftbiz

New Zenner

Join Date:
Oct 2007
Posts:
25
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

Thankyou Craig!!!

That has worked perfectly!! in the directory on my server there were 2 folders under the "template" folder, named "classic" and one named "template_default". i uploaded all the files to the "template_default" folder as it was this one that seemed to have more content in it!!! DOH!!!!!!!

I have a long way to go but with great support i'm sure ill learn quickly!

once again, many thanks!!!

Jas :D

8 Jan 2008, 4:23 PM
#740
ces avatar

ces

Zen Follower

Join Date:
Nov 2004
Location:
West Mids, England
Posts:
199
Plugin Contributions:
0

Re: CSS Dropdown menu for the header- With Categories!

d1driftbiz:

Thankyou Craig!!!

... in the directory on my server there were 2 folders under the "template" folder, named "classic" and one named "template_default".

Jas :D

Glad you got sorted.

Might be best if you read up in the FAQ's about the override structure for files, as when you start tinkering and adding modules you should be using overrides all the time.

It should make for easier upgrades and enable you to roll back any mods easier too.

Craig