dropdown menus - suckerfish - basics?

[kobra]

If this is for your header nav, look at tpl_header.php & place the code outside of the php tags.

Add the css to your stylesheet.css file ( you are using just one ??correct), or you could make one stylesheet_menu.css if you prefer

[kobra]

OOPS...are you trying to wrap the cat tabs into this or going to turn them off or both??

[mafiasam]

I suppose whichever is the simplest route to go.

what do you suggest?

[kobra]

Cat tabs are great for auto generating the cats & sub-cats and can be styled via css but are not drop down...
Depending on your product volume & mix, and if static or highly changing I think this would drive my decision, Unless there is a client with wishes...

There was a drop down mod for the previous series that needs upgrading and I was using the son-of-suckerfish and trying to do the php thing but I am too weak in php to get it right. As I see you are weak in php we make a great, php disabled pair...

The suckerfish or son-of-suckerfish works great and is fairly browser compliant...

[mafiasam]

The menus should be fairly static.

So would it be best to turn off the cat tabs and replace them with the previously suggested method?

is there a zen cart site out there that has a working example of the suckerfish implementation?

[mafiasam]

okay so I basically used the son of suckerfish example and placed it on my site by placing the javascript and html code in the #tagline div in the tpl_header.php and adding the css code to my current stylesheet.

I basically viewed the source of the son of suckerfish and just did a little copying and pasting.

Hopefully you can tell me if this looks like it's in the right place and if I'm on the right track.

Sam

[mafiasam]

alright, so I've got the "son of suckerfish" code in there and I have basically got the links working but now I have other problems.

General

1. Making each of the menu dropdowns less wide.
2. Centering the entire code snippet so it stays centered below the header_bg.jpg above it. (without having to center the text inside the menus - keeping the text left aligned in the menus is important)

In IE

1. The code wants to float all over the header when resizing the window. In Firefox I can add a couple paragraph code lines and push it below the header_bg.jpg and it will stay there even if I resize the window.
2. How do I get rid of that "missing picture/red x" that sits above the header_bg.jpg?

Thanks
Sam