Zen Cart Logo
Forums / All Other Contributions/Addons / CSS Flyout menu blocked by images

CSS Flyout menu blocked by images

Locked

Views: 2,139

Results 1 to 11 of 11
This thread is locked. New replies are disabled.
17 Apr 2008, 2:43 AM
#1
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

CSS Flyout menu blocked by images

I posted this in the general section but was advised this may be a more helpful area.

My Flyout menu is "covered" by images in the Special, New Products and Features categories. If you go to my link below and then the New Products, you will see exactly what I am referring.

This problem does not happen with Firefox. Only IE 6 & 7 (which I have tested). Someone yesterday posted same problem happening with IE but with his logo image. He resolved by editting tpl_header.php. However, my problme is different in that it is specifically the Flyout menu or the image handler causing this issue. I am using IH2, are there issues with it?

Thanks,
Kevin
https://www.cvtreasures.com

17 Apr 2008, 4:06 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: CSS Flyout menu blocked by images

My Flyout menu is "covered" by images in the Special, New Products and Features categories.
I looked at your home page and do not see what your issue is?? I actually do not see any Special, New Products and Features categories on your site.

This looks to be a pre Zen Cart 1.3.x version and those here are getting far and few between that have any recollection of the table based layout

17 Apr 2008, 4:15 AM
#3
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: CSS Flyout menu blocked by images

Look at the top you will see the New Products, etc categories. My cart is Zen 1.3.7.1. But, my hosting company that upgraded me to 1.3.7.1, used the older Stylesheet.css file because ( I assume) when they upgarded me, my template went askew.

https://www.cvtreasures.com

17 Apr 2008, 4:23 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: CSS Flyout menu blocked by images

In your menu css file find these and I would set both to 1000

div#nav-cat ul {margin: 0; padding: 0; width: 99%; background-color: #838367; z-index: -50;
div#nav-cat ul ul {position: absolute; top: 0; left: 100%; display: none; z-index: 150;}

I think that your issue is the -50 setting

17 Apr 2008, 4:36 AM
#5
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: CSS Flyout menu blocked by images

Thanks, I'll give it a try

18 Apr 2008, 3:23 AM
#6
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: CSS Flyout menu blocked by images

Hi,

I edited the stylesheet_categories_menu.css file , changed both the settings to 1000. But, didn't change . The images on New Products, Feature Products still block the Flyout menu..?

http://www.cvtreasures.com/index.php?main_page=products_new

18 Apr 2008, 3:42 PM
#7
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: CSS Flyout menu blocked by images

What version of Zen Cart are you using?

Are the modules versions that are compatible with your Zen Cart Version?

19 Apr 2008, 3:30 AM
#8
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: CSS Flyout menu blocked by images

Zen Cart 1.3.7.1

Image handler 2

Flyout looks to be the latest per the dates of files.

Kevin
https://www.cvtreasures.com

19 Apr 2008, 3:32 AM
#9
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: CSS Flyout menu blocked by images

However, though my hosting servic eupgraded me to 1.3.7.1 , my stylesheet is older because during upgrade the template was dis-figured, so they dropped back to the old style sheet.

19 Apr 2008, 11:01 AM
#10
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: CSS Flyout menu blocked by images

The issue should not be in the style sheet but it's data is not inline with your version as it is stylesheet.css 1223 2005-04-22 ...

Makes me wonder what other version crossed-up files you might have??

19 Apr 2008, 1:30 PM
#11
kevinmc3 avatar

kevinmc3

Totally Zenned

Join Date:
Jun 2006
Posts:
786
Plugin Contributions:
0

Re: CSS Flyout menu blocked by images

So, the only possible solution might be to do a complete upgrade to 1.3.8?
I posted a request in help wanted section for assistance with an upgrade including a stylesheet upgrade. But, bo bites yet.
Kevin
https://www.cvtreasures.com