Support for CSS Flyout Menu

[ckosloff]

Thanks Ckosloff for the update...I just noticed the flaw from IE6 and your update works great, thanks for sharing!

One thing, however, that is a little annoying, maybe there's an easy fix...on my menu when you move curser over a link menu, the other links drop down slightly...is there any way to prevent this?

Here is my link......
http://www.bizmug.com/zencart/

Thanks again for your help!
Chris

I see what you mean.
When hovering on a cat. that has subcats. then the image becomes slightly bigger in the bottom and displaces the rest of the menu down.
Please note that this doesn't happen with FF, only occurrences are with IE6 and 7.
The answer is that FF is a much more standards-compliant browser.
I am not embarrased to admit that I don't know of a fix for IE, it is a goofy browser, this error happens in my site too.
On the bright side, it is barely noticeable, I wouldn't worry about it.
Better eliminate that blank image in your menu, instructions are in this same thread, just look back a few pages.

[Mark Kidd]

My earlier post with instructions on how to dynamically size the flyout menu had a couple of errors!

Sorry about that -- it turned out I missed a couple of additional alterations to the php. For those who are interested, I'm attaching an archive which should be a little easier to work with.

[welchyboy]

Hello I am trying to figure out if it is possible to use the css flyout menu for categories as well as regular links. What I would like to do is have PRODUCTS as a button and add all my "product categories" in there which makes those subcategories. I got all that working but now I would like to also have like a HOME link Contact Us, and so forth on this same menu. Isn't there a way to accomplish this. I know I have done this with the css flyout menu which went horizontal. I was able to edit the php file but this one is a little different.

The site to look at is

http://www.wpc-consulting.com/~stxmill/

Thanks for the help!

EDIT...

I am trying to get something like this
http://www.thepecanbarn.com/PecanBarnProducts.php

[ckosloff]

Please note that the site where your solution is implemented is not Zen Cart.
There are many fly-out menus out there, this thread deals specifically with the one designed for ZC.
It would take extensive editing to accomplish what you want in Zen Cart, navigation is simply set a different way in ZC, with sideboxes, etc.
If you can do it, please post here.

[welchyboy]

I surely don't know how I am very new but I do know that someone was able to help me get my css drop down menu with actual links and it works GREAT. It looks kind of weird on the website now because I am trying to remove it because I would like this on the left side. To check out my css drop down menu in its half way condition go here

http://www.wpc-consulting.com/~stxmill/

[ckosloff]

Please note that none of the guys posting here are the original author or the last updater.
Both are AWOL.
We are just trying to help each other the best we can.
If someone would like to tackle your problem, be my guest.
I am unable, just wanted you to know that your posts are being read.

[Mark Kidd]

If you check out the PHP source of the drop-down CSS menu, you'll notice a place where the author uses the replace function to shift each of the categories listings one level down in the CSS hierarchy. Adapting that PHP and the matching CSS to work horizontally would be the majority of the work. Adding in links to the other parts of the site over or under the categories listing will be relatively straightforward after that.

[welchyboy]

Please note that none of the guys posting here are the original author or the last updater.
Both are AWOL.
We are just trying to help each other the best we can.
If someone would like to tackle your problem, be my guest.
I am unable, just wanted you to know that your posts are being read.

I am sorry I am not sure how to do this I wouldn't be able to understand it. However it sounds like you are on the right track. I can't see why the css drop down menu can't just be converted into a vertical menu and put into a sidebox. I mean the css drop down menu I can add everything I need and it works like a charm just by editing the php code which I was able to research and kind of follow what was already there. I have tried this with the vertical css flyout menu but was unsuccessful. Maybe I am missing something. At least I hope so because the client I am working with REALLY wants this menu. If any one has any tips of how i can get this working I would be EXTREMELY THANKFUL. Thanks for the tip Mark I am just too new to even attempt that.

[Mark Kidd]

I am sorry I am not sure how to do this I wouldn't be able to understand it. However it sounds like you are on the right track. I can't see why the css drop down menu can't just be converted into a vertical menu and put into a sidebox. I mean the css drop down menu I can add everything I need and it works like a charm just by editing the php code which I was able to research and kind of follow what was already there. I have tried this with the vertical css flyout menu but was unsuccessful. Maybe I am missing something. At least I hope so because the client I am working with REALLY wants this menu. If any one has any tips of how i can get this working I would be EXTREMELY THANKFUL. Thanks for the tip Mark I am just too new to even attempt that.

I'm pretty new to PHP myself -- honestly it would take me several hours to try and put something like this together (and as you can see from my recent posts, it would take a few tries to get it working smoothly!).

You might consider getting some estimates from a paid coder. Since you know exactly what you're looking for and have all the pieces to the puzzle, it might not be very expensive.

[ckosloff]

When I say that I am unable I mean that, in my present circumstances, I can't afford to engage in a complicated fix.
There are mods. for sideboxes available in the downloads area, I use Editable Sidebox quite a lot, you can put links in there, disable borders via CSS, etc.
Just a suggestion.