CSS Dropdown menu for the header- With Categories!

[dnolan]

Very nice mod but I have one problem. I can't get sub-categories to show on under category.
I am using zen 1.3.7 with the corresponding version of the mod. I have read through most of these threads but can't find anything. Does anyone have any suggestions?

[Get Em Fast]

Very nice mod but I have one problem. I can't get sub-categories to show on under category.
I am using zen 1.3.7 with the corresponding version of the mod. I have read through most of these threads but can't find anything. Does anyone have any suggestions?

dnolan, you'll find out later the hard way, so I'll be nice and tell you now.....ANY time you ask for help in the forum, you'll find that you'll get more responses, and faster, if you will also post the URL of your site when asking a question.
It's just sooooooooooo much easier for us to help you it we can see the problem first hand.
So..........URL, please?

[dnolan]

Thanks for the advice. Also the IE browsers are sliding the menu way to the right. I use Firefox most of the time and it looks right with Firefox. So I guess I have two serious problems that I need help with.
I just started building this site last week so please overlook some of the other thingys. I plan on asking for a critique a little later.
All help is appreciated. Here's the URL: http://stunstasersandmore.com

[jettrue]

ANYONE solved the flash issue??? (flash staying on top of the dropdown)

z-index is up to no good. WMODE helps but it doesn't work fex. with IE which means I cannot use the whole thing.. PLEAASE I'M BEGGING YOU GUYS

My advice is: remove the flash, or move it lower.

[jettrue]

Thanks for the advice. Also the IE browsers are sliding the menu way to the right. I use Firefox most of the time and it looks right with Firefox. So I guess I have two serious problems that I need help with.
I just started building this site last week so please overlook some of the other thingys. I plan on asking for a critique a little later.
All help is appreciated. Here's the URL: http://stunstasersandmore.com

One thing I noticed is that you have the header wrapper twice:

<div id="headerWrapper" class="clearfix">
<div id="headerWrapper">

(This would be in tpl_header.php). Remove the second one, and its closing </div>

Add a left:0; to #dropMenuWrapperc and #dropMenuWrapperd, and that should fix your IE issue.

What version of the template are you using?

As for the subcategories... do you have any subcategories on your site with products in them?

[dnolan]

One thing I noticed is that you have the header wrapper twice:

<div id="headerWrapper" class="clearfix">
<div id="headerWrapper">

(This would be in tpl_header.php). Remove the second one, and its closing </div>

Add a left:0; to #dropMenuWrapperc and #dropMenuWrapperd, and that should fix your IE issue.

What version of the template are you using?

As for the subcategories... do you have any subcategories on your site with products in them?

Well, I guess I'm an idiot! I have the subcategory problem solved but I'm still having problems with IE. I removed one of the header wrappers and added the left:0; as advised. The menu continues to slide out of the table and way to the right.
I am using zen ver 1.3.7 and Apple Zen ver 2.4

[dnolan]

Well, I guess I'm an idiot! I have the subcategory problem solved but I'm still having problems with IE. I removed one of the header wrappers and added the left:0; as advised. The menu continues to slide out of the table and way to the right.
I am using zen ver 1.3.7 and Apple Zen ver 2.4

I forgot to post the URL. Hoping someone using MS IE would take a look at my problem. My dropdown is in the right place horizontally but you have to scroll to the right to see it.
http://stunstasersandmore.com

[warefare]

Thanks for this great dropdown menu, it's really a must for zencart and should be built-in imo.

I'm trying to change the dropdown time. The menu will instantly disappear once your not on the menu itself. Apparently this is too fast for some older people and I have to find a solution now *sigh*

I know that it has to be here somewhere:

var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:(unknown|focus))/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
	onhover:{on:'onmouseover', off:'onmouseout'},
	onactive:{on:'onmousedown', off:'onmouseup'},
	onunknown:{on:'onfocus', off:'onblur'},
	onfocus:{on:'onfocus', off:'onblur'}
}

But I have no clue how to do it, but I think it should be discussed here.
If there is a post here somewhere I would appreciate a link ..
It's a shame that I'm not able to search in this thread or at least I don't know of to do it. Isn't that a vbulletin feature as well ?

Thanks for your help, greatly appreciated!

Oliver

[jettrue]

Thanks for this great dropdown menu, it's really a must for zencart and should be built-in imo.

I'm trying to change the dropdown time. The menu will instantly disappear once your not on the menu itself. Apparently this is too fast for some older people and I have to find a solution now *sigh*

I know that it has to be here somewhere:

var csshoverReg = /(^|\s)((([^a]([^ ]+)?)|(a([^#.][^ ]+)+)):(hover|active))|((a|input|textarea)([#.][^ ]+)?:(unknown|focus))/i,
currentSheet, doc = window.document, hoverEvents = [], activators = {
	onhover:{on:'onmouseover', off:'onmouseout'},
	onactive:{on:'onmousedown', off:'onmouseup'},
	onunknown:{on:'onfocus', off:'onblur'},
	onfocus:{on:'onfocus', off:'onblur'}
}

But I have no clue how to do it, but I think it should be discussed here.
If there is a post here somewhere I would appreciate a link ..
It's a shame that I'm not able to search in this thread or at least I don't know of to do it. Isn't that a vbulletin feature as well ?

Thanks for your help, greatly appreciated!

Oliver

No, sorry, this is a css based menu, and it doesn't use javascript for all browsers. That csshover.htc file is to just make it work in IE6 and below, however it has no control over menu time, and even if it did, then it would only make changes in browser IE6 and below. To do what you want to do, you'd need to have a javascript based menu.

[jettrue]

I forgot to post the URL. Hoping someone using MS IE would take a look at my problem. My dropdown is in the right place horizontally but you have to scroll to the right to see it.
http://stunstasersandmore.com

Ah, the issue is a small error in includes/templates/YOUR_TEMPLATE/css/stylesheet_header_menu.css

Change this:

/*green */
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #6084c4!important;background:#85d1ce;}
*/

To this:

/*green */
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #6084c4!important;background:#85d1ce;}