Dreamweaver Club Forums

Dreamweaver Club Forums (http://www.dreamweaverclub.com/forum//index.php)
-   Spry (http://www.dreamweaverclub.com/forum//forumdisplay.php?f=189)
-   -   Spry Menu with different backgrounds on different levels? (http://www.dreamweaverclub.com/forum//showthread.php?t=32908)

chrissia7890 07-29-2009 08:13 AM

I did what you mentioned and the submenu bar have the back ground that i added but not the horizontal bar. it is the reverse. haha.. any suggestion?

chrissia7890 07-29-2009 10:14 AM

Just to clarify, i need on the picture on horizontal bar. the sub menu bar normal rectangle box without the pciture. Hope you can help me. Thanks in advance.

DWcourse 07-29-2009 03:54 PM

can you upload the page somewhere so we can look at it?

chrissia7890 07-30-2009 01:31 AM

ok. I am looking for something like in this web site www.prostatcorp.com where the main bar is the back ground and the drop down is a normal box. when i put the back ground on ul.MenuBarHorizontal ul a . I have my background on the drop down but the main bar is normal box. it is the reverse.

Thank you for your time.

DWcourse 07-30-2009 01:34 PM

Last try.

ul.MenuBarHorizontal a is the style for ALL menu items, so put your background image there.

ul.MenuBarHorizontal ul a is the style for the drop downs, so put the property background-image: none there to remove the image from the drop downs..

chrissia7890 07-31-2009 01:39 AM

Thank you for your help DWcourse, It works as per what i wanted. :). You have been very helpful and is greatly appreciated, keep it up...

chux 12-06-2012 03:19 PM

Almost got it...
1 Attachment(s)
I have followed all of the instructions outlined in this thread and the only thing I can't figure out is what else to change or add in the css to make my top level buttons use the navbar_down.jpg image for the rollovers. The only top level button that works properly is the button that has a submenu below it. The submenus work perfectly, I just need to get those top level buttons to go back to using the image for the rollover. Any help would be greatly appreciated.

chux 12-07-2012 08:15 PM

I got it
Under the rule:
"ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus"

I created another rule:

"ul.MenuBarHorizontal ul a:hover, ul.MenuBarHorizontal ul a:focus"

With the 2 new rules added from above and the 1 that I added, I was able to get the look I wanted. Thanks to all who wrote in this thread for helping me out!

All times are GMT. The time now is 04:32 PM.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Copyright 2006 DreamweaverClub.com