Re: CSS Dropdown menu for your header- With Categories!
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?
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
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?
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?
Re: CSS Dropdown menu for your header- With Categories!
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
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
poosk
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. :hug:
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
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
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?
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
jettrue
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
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
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
Re: CSS Dropdown menu for your header- With Categories!
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:
Code:
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
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
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:
Code:
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.
Re: CSS Dropdown menu for your header- With Categories!
Quote:
Originally Posted by
dnolan
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:
Code:
/*green */
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #6084c4!important;background:#85d1ce;}
*/
To this:
Code:
/*green */
div#dropMenu li a:hover, div#dropMenu li.submenu li.submenu:hover {color: #6084c4!important;background:#85d1ce;}