I am having a tough time wrapping my brain around Juggledad's code for a menu background.
I want the first image (menu-bg.jpg) to be the background image for the menu bar and for the pages not open.
Then I want the second image (menu-bg-off.jpg) to be the background image for the menu button of the page currently on.
Make sense?
Here's my code. What am I missing?
Thanks in advance for your help!
KIP
HTML Code:
/* ================================================ */ /* Page menu background */ /* ================================================ */ div#menu1 { height: 40px; margin-top:0px; background:url(http://wp-content/themes/atahualpa/images/menu/menu-bg.jpg); } /* ================================================ */ /* Page Menu item's background and border */ /* ================================================ */ div#menu1 ul.rMenu { background:url(http://wp-content/themes/atahualpa/images/menu/menu-bg.jpg); border: none 0px; } /* ================================================ */ /* Page Menu item */ /* ================================================ */ ul.rMenu li a:link, ul.rMenu li a:visited, ul.rMenu li a:hover, ul.rMenu li a:active, ul.rMenu li { background:url(http://wp-content/themes/atahualpa/images/menu/menu-bg-off.jpg) !important; }