Hi all,

I am trying to use an image as a background for the category menu but having trouble. I can get a color to work just fine but when I try to replace the color with the path to my image, it doesn't display.

This is working to show the color:

div#menu2 {
background: blue;
}

But this isn't displaying my image:

div#menu2 {
background: url('<?php bloginfo('url'); ?>/wp-content/uploads/2011/02/gradblu.jpg') repeat-x;
}

Any ideas?

Just for the heck of it try using the full path to the image or try the following.

div#menu2 { 
background: url('/wp-content/uploads/2011/02/gradblu.jpg') repeat-x; 
}

I put this in the HTML/CSS Inserts page:

/* for background of menu items */

div#menu1 ul.rMenu li a:link,
div#menu1 ul.rMenu li a:hover,
div#menu1 ul.rMenu li a:visited,
div#menu1 ul.rMenu li a:active {
background: url(/wp-content/images/grey-bar-02.png) repeat-x scroll top left;
}

Works just fine (except for the latest problem of no menu items, but that's not related to this, AFAIK)

Cheers guys, but no luck yet using the full path to the image. The weird thing is that I have the image showing up properly behind my actual links, but not in the background of the menu bar.

In case it's relevant, this site has a lot of pages and extends to 2 rows of page links in the menu bar with some blank space at the end of the second row. This blank space is what I want to fill with the same image as other parts of the menu bar.

I used Juggledads cheat sheet and the bit that isn't showing up is green - it's described like this in the cheat sheet.

/* ================================================ */
/* Category menu background */
/* ================================================ */
div#menu2 {
height: 40px;
margin-top:0px;
background: green;
}

The exact code above gives me a green background but replacing 'green' with the image URL in the exact same format as in other bits of the menu bar gives me a blank space. I feel like I'm missing something obvious... is the second row of a menu bar given a different name or something like that?

Link to the site?

I PMed it.

Try this

#rmenu {
background: url('/wp-content/uploads/2011/02/gradblu.jpg') !important;
}

That was it! Thanks very much for the help.
I will be using your donate link when I get paid this week.