Support for CSS Flyout Menu

[cevans73]

OOPS...here is the link again...

http://www.bizmug.com/zencart/index....index&cPath=65

Hope you can help!
Thanks,
Chris

[ckosloff]

OOPS...here is the link again...

http://www.bizmug.com/zencart/index....index&cPath=65

Hope you can help!
Thanks,
Chris

I understand what you mean.
However, this is not possible with standard Zen Cart features, because it picks up the category tree dynamically.
You need custom programming for that.
Anyway, the link doesn't look bad, wouldn't worry too much about it.

[cevans73]

Yeah, the only reason is that in IE, my wide subcategory pics are going side by side extending my page super wide....in Firefox, it is perfect, but all jacked up in IE....can you see that page in IE what I'm talking about? if so, do you know how to fix it? I had done some tweaking to get rid of the subcat text underneath the pics...but now in IE it's not right.....hmmmm

Thanks!
Chris

[jjgtrading]

Answer is yes, it does work.
I suggest that on top of the CSS you put this:
body {
behavior: url(includes/csshover.htc);
/* WinIE behavior call */}
instead of the standard body tag, to address bugs in IE6.
Read the thread for additional tips on CSS and other stuff.

Thank you kindly!

[tonibarcelona]

Hi all!
After one year working perfectly, i moved to an other server. Now, css flyout menu doesn´t work in ie, working good in firefox. csshover.htc is at /includes folder.
This is my css:

body { behavior:url(includes/csshover.htc);} /* WinIE behavior call */
div#nav-cat {float: left; width: 160px; margin: -1px 0 0 -1px;
background-color: #ce318c; font-weight:bold;}
div#nav-cat ul {margin: 0; padding: 0; width: 160px; background-color: #cc66cc;
/* border: 1px solid #AAA;*/}
div#nav-cat ul.level2 {background-color: #cc66cc;}
div#nav-cat ul.level3 {background-color: #cc66cc;}
div#nav-cat ul.level4 {background-color: #cc66cc;}
div#nav-cat ul.level5 {background-color: #cc66cc;}
div#nav-cat ul.level6 {background-color: #cc66cc;}
div#nav-cat li {position: relative; list-style: none; margin: 0;
margin-top: 5px; /* change it to whatever space you want to put space between buttons*/
border-bottom: 1px solid #CCC; /* <---this line may help or hinder IE menu shifting issues */
}
div#nav-cat li li {
margin: 0; /* this overrides the margin-top in the declaration above */
}
div#nav-cat li:hover {background-color: #CE318C;}
div#nav-cat li.submenu {
background: url(../images/submenu.gif) 95% 50% no-repeat;
background-color: #cc66cc;}
div#nav-cat li.submenu:hover {background-color: #CE318C;}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 140px; color: white;}
/*border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: red;}*/
div#nav-cat>ul a {width: auto;}
div#nav-cat ul ul {position: absolute; top: 0; left: 160px;
display: none;}
div#nav-cat ul.level1 li.submenu:hover ul.level2,
div#nav-cat ul.level2 li.submenu:hover ul.level3,
div#nav-cat ul.level3 li.submenu:hover ul.level4,
div#nav-cat ul.level4 li.submenu:hover ul.level5,
div#nav-cat ul.level5 li.submenu:hover ul.level6 {display:block;}


I´m running v.1.3.6. Why the files that worked perfectly on my old server doesn´t work now? Any ideas??

[tonibarcelona]

nevermind, i figure it out: needed to define de mime type .htc at new server...

[ckosloff]

nevermind, i figure it out: needed to define de mime type .htc at new server...

Interesting, it's good to publish what you did to resolve, so we will be able to troubleshoot better.
Muy bien, hombre.

[tonibarcelona]

Muchas gracias !!

For those of you who are interested, there is a new version of csshover.htc. I implemented yesterday, and maybe goes faster than the original... At the web page of the author you can find it (csshover2.htc)

[ckosloff]

Muchas gracias !!

For those of you who are interested, there is a new version of csshover.htc. I implemented yesterday, and maybe goes faster than the original... At the web page of the author you can find it (csshover2.htc)

Please post a link to that, I would like to test it.
Many users have reported problems with IE, let's see if that can help.
Thanks.

[Rhitty]

nevermind, i figure it out: needed to define de mime type .htc at new server...

could you explain for a noob. i am having the same issue and cannot figure it out. Thanks.