Css Flyout Categories Menu troubles

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

I have an odd issue that was just brought to my attention. In IE6 if a user types in their browser http://mysite.com the menu doesn't work until the first click which the changes the browser to "www".mysite.com I've checked and the menu works fine either way in the other browsers but not in IE. I tried playing with the config and if you change the config to "lose" the www, then the problem occurs when the site is entered using www.

Is there a setting somewhere or something that can be added to the csshover.htc file or what to do here. Has anyone else seen this behavior?

My server is set to reach the site no matter how you type it in, but it does not force to www. and to be honest I'm not sure how to make it do that.

Thanks for any suggestions.

I installed CSS flyout Categories and it worked perfect BUT.....

When i go to my products listing the menu that flies out is disappearing behind the images on the product listing.
I use Imgae Handler that popsup the image when hoovering maybe that causes the problem.

On my product_info page this problem does not occur.

Please take a look here an scroll through the categories and see what i mean:

http://www.hairdressersworld.nl/index.php?main_page=index&cPath=183

Point your mouse on the category clippers or hairdressers furniture

Allready found it so skip the previous message:

Just changed in stylesheet_categories_menu.css and added:

z-index: 1; :

just below:

div#nav-cat li {position: relative; list-style: none; margin: 0;

I probably broke a cardinal rule of zencart, but it's my first time around and I'm still in the design stage of my store.

I am still using the default template with "classic" as the theme folder.

I uploaded this flyout css menu and when I go into the admin panel to enable it, it's not listed at all for me to turn on.

Hi
Installed CSS Flyout Categories Menu... On Firefox all the text, etc line up and look stunning. The problem I am having is in IE, the left-hand margin is totally out of sync. I think this is to do with the resolution, but have also tried higher resolutions and the problem remains.

Unfortunately, only picked up this error recently, my site is running live!!

Any help will be welcome!!
Thank you

My apologies... here is the link https://www.afrimusik.com

Figured out that I needed to rename the folder in the MODULES folder to be classic also, my bad.

Now I have it up and running but it's rendered all weird.

I've checked previous post for the same problems but looks like most everybody has it fixed so I really can't compare.

https://www.hotbabygifts.com

I got the spacing issues worked out.

But why does the next side box header exsist as if the menu wasn't there.

My gradient is all the way up top behind this really nice looking menu system.

seems like there is a unclosed table or div

I don't mean to bump my post, but I thought if I provided a URL that maybe someone could go take a look at my problem and give me a suggestion.

The url is http://www.lorindascandlesandmore.com Now if you type it that way the menu works just fine in IE6, but if you type it http://lorindascandlesandmore.com (without the www.) the menu doesn't work until the first click, which forces the URL back to the www, then the menu responds normally.

Is there something I need to change somewhere to fix this???

Thanks

rwoody:

I don't mean to bump my post, but I thought if I provided a URL that maybe someone could go take a look at my problem and give me a suggestion.

The url is http://www.lorindascandlesandmore.com Now if you type it that way the menu works just fine in IE6, but if you type it http://lorindascandlesandmore.com (without the www.) the menu doesn't work until the first click, which forces the URL back to the www, then the menu responds normally.

Is there something I need to change somewhere to fix this???

Thanks
Read this post by Dr. Byte:
http://www.zen-cart.com/forum/showpost.php?p=285384&postcount=76
and make sure you add > RewriteEngine On to the first line of your .htaccess file

Dear Dr. Byte,

If you are available, I have a rather silly question: How do you code the css flyout menu to NOT show "Document General" categories.

I am asking this for personal reasons because I tried to have two sepearte categories showing in different category boxes - one being the "category" side box and the other being "document" side box.

I know that the original category box will not show "Document General" cats. Can this css flyout category box not show "Document Category" as well?

frank_lyy:

Read this post by Dr. Byte:

and make sure you add to the first line of your .htaccess file

I was sure that was the answer, but had not come up with a way to do this that did not break the access.

I followed your advise in the other posts with no results - No error but it is not forcing the URL to the www, which is what I need it to do.

Here's the .htaccess code that follows "after" the standard order, deny allow...

php_flag register_globals off
php_flag session.use_trans_sid off

RewriteEngine On

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

rwoody:

I was sure that was the answer...

php_flag register_globals off
php_flag session.use_trans_sid off

RewriteEngine On

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

Suggestions:

1. Remove the two lines start with "php_flag"
2. Consult your web hosting system administrator for help.

Does anyone know if it's still possible to make this a horizontal flyout - under the header - as it was in previous versions ? I am using a clean install of 1.3.6 as this would be for a brand new template..

Thanks

Nm...

I downloaded the archived header mod and popped it in - of course I didn't use the tpl_header.php that was in it - just included the rest into my current 1.3.6 header and it worked fine. Just css tweaks now :)

Thanks!

frank_lyy:

Dear Dr. Byte,

If you are available, I have a rather silly question: How do you code the css flyout menu to NOT show "Document General" categories.

I know that the original category box will not show "Document General" cats. Can this css flyout category box not show "Document Category" as well?

In the classes/categories_ul_generator.php file, you have something like this:```
$categories_query = "select c.categories_id, cd.categories_name, c.parent_id
from " . TABLE_CATEGORIES . " c, " . TABLE_CATEGORIES_DESCRIPTION . " cd, " . TABLE_PRODUCT_TYPES_TO_CATEGORY . " ptc
where c.categories_id = cd.categories_id
and c.categories_status=1 " .
// "and c.categories_id = ptc.category_id " .
// "and ptc.category_id = cd.categories_id " .
// "and ptc.product_type_id not in " . $this->document_types_list . "
" and cd.language_id = '" . (int)$_SESSION['languages_id'] . "'
order by c.parent_id, c.sort_order, cd.categories_name";

How do I add a left border or margin to my categories box? I want it to look like the Information Box below it. I am using the CSS Flyout contribution.

http://www.butanecards.com/Shop/

P.S. Please disregard the colors on the site for now. I am just trying to get the layout correct then I will color it all in later.

creeperkat:

How do I add a left border or margin to my categories box? I want it to look like the Information Box below it. I am using the CSS Flyout contribution.

http://www.butanecards.com/Shop/

P.S. Please disregard the colors on the site for now. I am just trying to get the layout correct then I will color it all in later.

Never mind.. I figured it out.

Perhaps an explanation of what you did would be helpful?