Support for CSS Flyout Menu

[ethical]

hey get em thanks. I decided to work with the new code that ckosloff posted and it works a lot better. I am just curious to know what code i need to add/edit to:

set a different hover and background colour for the submenu items then those that I have set for the top level menu items.

the menu is live at the moment http://mypumpkindoodle.com/store

thanks

John

[ckosloff]

...I am just curious to know what code i need to add/edit to set a different hover and background colour for the submenu items then those that I have set for the top level menu items...

Not sure I understand your question because I think I have addressed it in the CSS I posted.
You will note that there are 3 background colors, they might not be your choice, so just change every instance of them to what you like.
A style editor would make this job in a breeze.
Make sure you correct line 50, as Get em Fast pointed out.
Check out the menu in my site (in the sig), and let me know what would you like to change.

[ethical]

thanks for your reply and your right, I did make that work now thanks. I still have 1 minor issue.

1) Any sub menu item that has a further submenu displays the background color that is the same as the top level background, (on your site its grey, on mine white)
my question here is how can I set a different color for any submenu item that has a further submenu?

also Do you have a suggestion on a style editor?

thanks so much!

[Get Em Fast]

Do you have a suggestion on a style editor?

Sorry, I missed that question (good thing I go back and re-read posts, huh?), although a little irrelevant to this thread (hint: should have pm'd that one). Ckosloff is my thread security.....he'll get you for that.....

Everybody has their preference of editors, with some swearing by nothing but notepad to do ALL their coding. Myself, I like to see EVERYTHING in "action", so I use DevPHP for ALL of MY needs. When I go to somebody Else's site (like yours) to edit something (like your menu), then I use the Web Developer Add-on for FireFox, then save to a simple text file (with notepad or wordpad), then upload it to you or the forum.

You might also enjoy THIS THREAD.

[ckosloff]

I have already made my suggestion, more than once.
Here's an example:
http://www.zen-cart.com/forum/showpo...&postcount=254
It's what I use, but I don't like to suggest, because, yes, that might lead to off-topic discussions and then site security would kick in.

[ckosloff]

div#nav-cat li li {
    margin-left: 0em;/* This puts space between menu and sub-menu, reccomend to leave at 0 unless you have over-lapping problems. */
    background-color: salmon; /* sets the background of submenu ,WITHOUT submenus, when menu is HOVERED */
}

Your comment is of course right, I just wanted to add that if you set margin-left to anything but 0, IE6 will have unexpected behaviors.
That browser has caused lots of grief, until I finally got it workable, not perfectly right.

[Get Em Fast]

div#nav-cat li li {
    margin-left: 0em;/* This puts space between menu and sub-menu, reccomend to leave at 0 unless you have over-lapping problems. */
    background-color: salmon; /* sets the background of submenu ,WITHOUT submenus, when menu is HOVERED */
}

Your comment is of course right, I just wanted to add that if you set margin-left to anything but 0, IE6 will have unexpected behaviors.
That browser has caused lots of grief, until I finally got it workable, not perfectly right.

Absolutely correct. Some browsers do treat this differently. When you get to the right side of the menu, just about to touch the sub-menu, the sub-menu will disappear! Sometimes you actually NEED to set a negative number on this (-0.1em;) which will overlap just a hair, but keep sub-menu in view.
Good catch. Thanks. I will also put that in comment section of css.

[hcd888]

Hi, i was wondering if some body can help me out.

IAm trying to add a "Terms & Conditions" Link under the Information tab.

I downloaded the "About Us" Mod & renamed it to terms & condition, uploaded the files.

Than in the tpl_drop_menu file i added

<li><a href="<?php echo zen_href_link(FILENAME_TERMS_&_CONDITIONS); ?>"><?php echo HEADER_TITLE_TERMS_&_CONDITIONS; ?></a></li>

It looks ok, but than Information dropdown i get "HAADD@T@ID@" when i click on it i get:
Page Not Found

"Custom 404 Error Page with Site Map Sample Text ...

Put your custom "page not found" message here. You can change this text in the Define Pages Editor located under Tools in the Admin"

But when i add to the tpl_drop_menu file:
<?php } ?>

I get a blank screen, could anybody give me an pointers. Thanks

[ckosloff]

I get a blank screen, could anybody give me an pointers.

I point you to FAQ/tutorials and download area, there are lots of info therein for your problem.
This thread has nothing to do with it.

[hcd888]

Hi iam using the CSS Flyout Menu. Do i need to do anything specific to get the link to work with the CSS Flyout Menu?

Thanks