Support for CSS Flyout Menu

[ckosloff]

This fix should be included in an updated version of the module.

Not yet, there is a bug in that file.
If you click on any parent category of the breadcrumbs menu you will see all items duplicated.

[lloyd_borrett]

I'm not seeing that behavour. Maybe it's only a problem with more recent versions of Zen Cart.

[ckosloff]

I'm not seeing that behavour. Maybe it's only a problem with more recent versions of Zen Cart.

On your test site, build say 5 cats deep, then click on the 3rd. cat.
You will see what I mean, the sub cats links are duplicated, one on top of the other.

[Jerry5763837]

On your test site, build say 5 cats deep, then click on the 3rd. cat.
You will see what I mean, the sub cats links are duplicated, one on top of the other.

Hi, Ckosloff,

Can you please help me to check my CSS menu at www.topalways.com?

My problem is, when hover in IE6, the sub-category won't appear at all. but works fine in IE7 & FF3.

Many appreciated!

[ckosloff]

Hi, Ckosloff,
Can you please help me to check my CSS menu at www.topalways.com?
My problem is, when hover in IE6, the sub-category won't appear at all. but works fine in IE7 & FF3.

Understand that IE6 uses .htc.
FF and IE7 don't need it.
First, you need to make sure that it finds .htc.
There is an error in the menu distribution, correct path is:
behavior: url(includes/csshover.htc);
/* WinIE behavior call */}
Of course, csshover has to be in folder "includes".
Try using latest version of csshover, here:
http://www.xs4all.nl/~peterned/htc/csshover3.htc

[Jerry5763837]

Understand that IE6 uses .htc.
FF and IE7 don't need it.
First, you need to make sure that it finds .htc.
There is an error in the menu distribution, correct path is:
behavior: url(includes/csshover.htc);
/* WinIE behavior call */}
Of course, csshover has to be in folder "includes".
Try using latest version of csshover, here:
http://www.xs4all.nl/~peterned/htc/csshover3.htc

Hi, ckosloff,

Anyhow, many thanks for your reply.
But unluky, seems unworkable.

Also, searched the thread and tried csshover2,or csshover3 under folder Includes, all unworkable.

Any furhter suggestion? thanks again.

[Jerry5763837]

hi, ckosloff,

Worked on it for hours, finally located where the problem is, not because of the file "csshover.htc"
but the value of "position: absolute; top:-10000000px;"
here is the css code in "stylesheet_categories_menu.css"

div#nav-cat UL UL {
	BACKGROUND: url(../images/menu_arrow_bg.gif) no-repeat 0px 100%; LEFT: 148px; PADDING-BOTTOM:4px; WIDTH: 162px; POSITION: absolute;TOP: -10000000px;  HEIGHT: auto;
}

but do not know how to change, since FF3 & IE6 parse the value of "position:ablolute" differently;

can you please check for so many confused guys how to correct,
many appreciated.

[ckosloff]

hi, ckosloff,
POSITION: absolute;TOP: -10000000px;

I cannot imagine why you would need such a huge value in a negative margin, 10 M pixels!
That will break your site for sure.
Also, try position: relative, that would be relative to the container.
I will repeat what I have said in previous posts, you need 3 things:
1) A test site.
2) A style editor. I use Top Style Pro, just a suggestion.
3) The Web Developer toolbar, which is a free FF extension, that will tell you which element is causing grief.

[issy]

I've been able to install mod but I have a problem with left vertical sub menus displaying behind right content, I've been going at it for days now and I can not figure out where I went wrong, could you guys please take a look at my site? maybe a second set of eyes will catch my error. I've tried 2 version of this mod!!! :)
I've checked z-index on navColumnOne (z-index: 10) and centerColumn (z-index: 0)

Thanks in advance for all your help.
Here's the link to site hxxp://www.imagetech.us/shop/

I'm willing to pay some one to get this fixed!

Thanks

[ckosloff]

I've checked z-index on navColumnOne (z-index: 10) and centerColumn (z-index: 0)

Where are you checking z-index?
You have to look in stylesheet_categories_menu.css
div#nav-cat li {
background-image: url(../images/b1.gif);
background-repeat: no-repeat;
position: relative;
list-style: none;
margin: 0;
z-index: 20;
height: 20px;
width: 150px;
/* change it to whatever space you want to put space between buttons*/}
/* <---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 */
}
Once this is fixed I'll invoice you with the details of my bank account.