Css Flyout Categories Menu troubles

[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.

[reza]

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

thanks DrByte
I knew that I have to change some position or other parameters from left to right and vice versa, the problem is that I did not finf any position parameter in flyout stylsheet.css, and stylsheet_category_menu.css, look the last one, if here I should change , so where???

************

stylsheet_category_menu.css
--------------------
body { behavior: url(includes/csshover.htc);} /* WinIE behavior call */
div#nav-cat {float: left; width: 140px; margin: -1px 0 0 -1px;
background-color: #CE318C; font-weight:bold;}
div#nav-cat ul {margin: 0; padding: 0; width: 140px; background-color: #3C097A;
/* border: 1px solid #AAA;*/}
div#nav-cat ul.level2 {background-color: #3C097A;}
div#nav-cat ul.level3 {background-color: #3c097A;}
div#nav-cat ul.level4 {background-color: #3C097A;}
div#nav-cat ul.level5 {background-color: #3C097A;}
div#nav-cat ul.level6 {background-color: #3C097A;}
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 */
z-index: 1;
}
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: #3c097A;}
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: 140px;
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]

div#nav-cat ul ul {position: absolute; top: 0; left: 140px;
display: none;}

change to:

div#nav-cat ul ul {position: absolute; top: 0; left: -140px;
display: none;}

[reza]

div#nav-cat ul ul {position: absolute; top: 0; left: 140px;
display: none;}

change to:

div#nav-cat ul ul {position: absolute; top: 0; left: -140px;
display: none;}

YOU ARE NICE DrByte
totally on zen 1.3.5 and now on 1.3.6, I spent more than 3 fulltime days(because I am very newbie) to solve this problem and I did not want disturb the zen peroples with my questions, and lastly I wanted to abandone it,
its okey now, although there is still no answer to the common question of some other peoples also me about putting the counts of products in flyout , I think there can not be done otherwise there came minimum one answer for it.

thanks again

[GwaiTsi]

Someone please help, i am going out of my mind with getting the CSS to work properly.

I am trying: IE6, IE7, Firefox, Netscape.

I finally got the menus to align almost on all four browsers.

Now i have two problems i can't seem to solve: -

1) In all browsers except IE6, the 2nd level categories appear transparent until the are highlighted.

div#nav-cat li a {
display: block;
text-decoration: none;
width: 185px;
color: white;
padding-bottom: .25em;
padding-top: .25em;
background-color: transparent;
margin-right: 0px
}

If i change the above background colour from transparent, i can see the menus but then the highlights are behind categories.

2) i have the rounded corners mode and the sidebox header of the next box is under the categories box footer which is under the categories list on netscape and firefox. They are fine on IE 6&7 though.

Lastly, slightly off topic i have transparent backgrounds for my images, in Firefox, Netscape and IE7 they appear transparent, but under IE6 the backgrounds appear grey.

Really appreciate any help you all can offer.

cheers

[GwaiTsi]

Please help. I have finalling got the menu stylesheet configured in a way that works with IE6, IE7, Firefox & Netscape.

except for one problem.

Under Netscape and Firefox the .leftBoxFooter appears directly under the .leftBoxHeader with the category menu over the top.

In IE6 & IE7 the .leftBoxFooter appears where it should, under the categories.

This obviously effects the next left side box which begins from under the footer and is therefore obscured by the menu in netscape and firefox.

my zencart css items are below if that is of any help.

.leftBoxHeading, .rightBoxHeading {
margin: 0em;
background-image: url(../images/boxtop.gif);
padding: 0.5em 0.2em;
background-repeat: no-repeat
}

.sideBoxContent {
background-color: transparent;
padding: 0.4em;
border-left-color: #00008B;
border-left-width: 1px;
border-right-color: #00008B;
border-left-style: solid;
border-right-style: solid;
border-right-width: 1px;
height: auto
}

.leftBoxFooter {
background-image: url(../images/boxbottom.gif);
background-repeat: no-repeat;
width: 195px;
height: 20px;
}

Appreciate your help, i am a newbie and struggling with this.

thanks