Css Flyout Categories Menu troubles

[SIGEAL]

Hi,

I am in the process of migrating a site from 1.2.6 to 1.3.5 and I experience a strange problem with this contribution : I have customized it to use it for the information menu : no problem with 1.2.6, no problem with 1.3.5 and firefox, but with 1.3.5 and IE, the categories menu works well, but the information menu doesn't... The only workaround I found was to replace the csshover.htc file by an older version (v1.11.040203, the one that was meant to work with zencart 1.2.6).

The dev site can be seen at : http://www.anneg-lingerie.com/anneg135

Thanks for any hint.

Christophe.

PS : by the way, I still have the flickering issue with IE and the currencies sidebox...

[shqipo]

Something weird is happening with my site which I don't get. When I enter the URL (domain name) without www, css flyout menu works fine. If I enter it with www, flyout menu doesn't work. There's an error (error message bottom of the browser) that says: "access is denied to: www.domain.com/store/includes/csshover.htc" (domain.com is an example).

I tried it in both IE 6 and 7.

[shqipo]

Any help would be appreciated.

[SIGEAL]

Hi,

I finally solved my IE flickering problem by specifying the currencies'sidebox :
#currencies { width: 148px; /* to avoid IE flickering */ }

I am now trying to have flyout menus working with IE7...

Christophe

[rwoody]

I have the Css menu working "nearly" perfectly with two small exceptions. Suggestions would really be appreciated. In IE6 and in Opera the left border is mission around the main box. Fine in FF. In all browsers I'm getting what appears a double line beteen Specials, New Products and All Products vs. the 1 px line. I've tried removing the bottom border, however it removes all lines except those. Of course then I only have a 1px line between the previously mentioned items. So I would think the bottom border for those items is being pulled from somewhere else... where I'm not exactly sure. I've gone all through the two style sheets and did not find anything that jumped out at me.

Any help would really be appreciated.

Link to the site: http://69.50.202.136/

Here's my stylesheet_categories_menu.css

body { behavior: url(includes/csshover.htc);} /* WinIE behavior call */
div#nav-cat {float: left; width: 180px; margin: -1px 0 0 -1px;
background-color: #7C0425; font-weight:normal;}
div#nav-cat ul {margin: 0; padding: 0; width: 180px; background-color: #000000;
border: 1px solid #7C0425;}
div#nav-cat ul.level2 {background-color: #000000;}
div#nav-cat ul.level3 {background-color: #000000;}
div#nav-cat ul.level4 {background-color: #000000;}
div#nav-cat ul.level5 {background-color: #000000;}
div#nav-cat ul.level6 {background-color: #000000;}
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 #7C0425; <---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: #7C0425;}
div#nav-cat li.submenu {
background: url(../images/submenu.gif) 95% 50% no-repeat;
background-color: #000000;}
div#nav-cat li.submenu:hover {background-color: #7C0425;}
div#nav-cat li a {display: block; padding: 0.25em 0 0.25em 0.5em;
text-decoration: none; width: 180px; color: white;}
border-left: 0.5em solid #BBB;}
div#nav li a:hover {border-left-color: #7C0425;}
div#nav-cat>ul a {width: auto;}
div#nav-cat ul ul {position: absolute; top: 0; left: 180px;
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;}

[DrByte]

Something weird is happening with my site which I don't get. When I enter the URL (domain name) without www, css flyout menu works fine. If I enter it with www, flyout menu doesn't work. There's an error (error message bottom of the browser) that says: "access is denied to: www.domain.com/store/includes/csshover.htc" (domain.com is an example).

I tried it in both IE 6 and 7.

This post should help you sort it out:
http://www.zen-cart.com/forum/showpo...&postcount=164

This is a way to do it the opposite direction:
http://www.zen-cart.com/forum/showpo...&postcount=210

[frank_lyy]

How can I configure css flyout menu so that the page display not only the products in certain category, but also the "new products", "featured products" and "Specials" boxes?

These boxes will be displayed if you are using the normal style category side-box.

At the same time, how come the product page displays products without any borders? Can borders be turned back on?

[frank_lyy]

This post should help you sort it out:
http://www.zen-cart.com/forum/showpo...&postcount=164

This is a way to do it the opposite direction:
http://www.zen-cart.com/forum/showpo...&postcount=210

This is a line of code missing in the first post (postcount=164) above. Compare to postcount=210, the complete code for post #164 should've been:

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

I tried it on my site. It worked. Now, I have one little problem. I installed Google Language Translate Sidebox on my site. Whenever I use it, it will take me to google translate engine, which will strip the "www" from the actual url of my site and leads to css.htc unaccessible yet again.

Is there any solution to this problem?

Google language translate works pretty good when it comes to Spanish. I figured if I were to sell in the North America region, Spanish translation of my site will definitely be a plus. So, I really want to keep this contrib and have it work with CSS Flyout Menu.

Please help.

[reza]

hello
can somebody give me a hand and guid me, how can I put my category sidebox on the right side, and getting the subcategories towards left.

thanks in advance

[DrByte]

can somebody give me a hand and guid me, how can I put my category sidebox on the right side, and getting the subcategories towards left.

Essentially this requires making stylesheet changes to position left instead of right, and using some negative left-margin settings.