CSS Dropdown menu for the header- With Categories!

[bdekraker]

Jettrue-

Is it possible to add a time-delay to the menu?

For example, our store has many sub-categories and sometimes it is frustrating if the mouse "slides" accidentally off one, to start over branching from the top level.

A 2-second or so delay before the menu resets would solve this.

Is this possible?

Thank you for your time -

Benjamin

[jettrue]

I installed the dropdown menu and it worked perfect.
But since I upgrade Internet Explorer 6 to Internet Explorer 7 I've a problem.

- ZenCart 1.3.7
- DropdownMenu 1.3

The dropdown menu works fine in Firefox and IE6

There is a problem with DropdownMenu in IE7:
The menu shows empty submenu's if you move your mouse over the menu and drop down some levels, then move your mouse out of the menu and back on the toplevel. I hope you understand this explanation.

Just to be clear I will try to make a Screenprint and post it.

I see this problem also on the apple zen example site and other site's that use the DropdownMenu.

Does anyone know how to fix this.
Thanx.

This is a known issue, and I haven't been able to find a resolution to it. So you have to decide whether or not you can live with the issue. Sorry!

[jettrue]

Jettrue-

Is it possible to add a time-delay to the menu?

For example, our store has many sub-categories and sometimes it is frustrating if the mouse "slides" accidentally off one, to start over branching from the top level.

A 2-second or so delay before the menu resets would solve this.

Is this possible?

Thank you for your time -

Benjamin

Nope, that would have to be done with a javascript menu; this one is css only.

[abebakker]

This is a known issue, and I haven't been able to find a resolution to it. So you have to decide whether or not you can live with the issue. Sorry!

Thanx for the fast reaction. Then I have to live with it.

[mauryg]

Jettrue,

I thought I had this nice menu all worked out, aside from playing with the spacing and widths for different browsers, but then I tried it with IE 5.5 and IE6 and the drop downs do NOT work at all. Only the level 1 menu is active.
I know that IE6 and earlier do not support the :hover pseudo class and I suspect that this is the problem. I don't think I want to start rewriting the code to include the Suckerfish javascript. What do you think?
Latest W3Schools stats say that IE6 is about 50% of the browsers. Yikes!
Maury

[jettrue]

Jettrue,

I thought I had this nice menu all worked out, aside from playing with the spacing and widths for different browsers, but then I tried it with IE 5.5 and IE6 and the drop downs do NOT work at all. Only the level 1 menu is active.
I know that IE6 and earlier do not support the :hover pseudo class and I suspect that this is the problem. I don't think I want to start rewriting the code to include the Suckerfish javascript. What do you think?
Latest W3Schools stats say that IE6 is about 50% of the browsers. Yikes!
Maury

Did you upload includes/csshover.htc? Did you make your additions to .htaccess? I didn't create a menu that wouldn't work in ie6.

[mauryg]

The answers to your questions are yes, yes and yes.
I did read the readme...
I added the csshover.htc file to the root/includes/ directory...
I added the lines to .htaccess in the root/includes/ directory...
Since I have IE7 installed as my IE browser, I am running separate "standalone" copies of IE6 and IE5.5 (www.tredosoft.com), but I don't think this is the cause of the problem. I felt sure you had tested the menu in IE6 and I just don't understand what happened. I am using "CSS Flyout Header for Zen Cart 1.3.* v1.2".
I will PM you a link to the website since it is not open to the public yet.
As always, thanks for your help and the rapid response.

Maury

[jettrue]

The answers to your questions are yes, yes and yes.
I did read the readme...
I added the csshover.htc file to the root/includes/ directory...
I added the lines to .htaccess in the root/includes/ directory...
Since I have IE7 installed as my IE browser, I am running separate "standalone" copies of IE6 and IE5.5 (www.tredosoft.com), but I don't think this is the cause of the problem. I felt sure you had tested the menu in IE6 and I just don't understand what happened. I am using "CSS Flyout Header for Zen Cart 1.3.* v1.2".
I will PM you a link to the website since it is not open to the public yet.
As always, thanks for your help and the rapid response.

Maury

You removed this from your stylesheet_header_menu.css:

body {
behavior: url(includes/csshover.htc);
}

You're menu also wraps onto two lines in Firefox, you may want to increase the width from 55 em a bit.

[mauryg]

As usual your reply was timely and spot on. I have no idea how or why I removed those lines from the CSS file. Thanks.

I still need to play with the widths. I'm seeing some funny results, especially if the user changes the font size using CNTL+ or CNTL-.

Maury

[jettrue]

As usual your reply was timely and spot on. I have no idea how or why I removed those lines from the CSS file. Thanks.

I still need to play with the widths. I'm seeing some funny results, especially if the user changes the font size using CNTL+ or CNTL-.

Maury

I sent you a pm with some suggestions for css adjustments.