prev/next icons not showing in customized jquery datepicker theme

I had the exact same problem and finally solved it.

The problem was coming from the rights on the 'images' directory. I had to make the directory browsable for 'others' by using chmod:

chmod o+rx images

I hope this helps

For me, the issue was that the Themeroller was adding double quotes around the image paths. I just removed those from my custom CSS file, and everything worked.

i.e. I changed:

url("images/ui-bg_highlight-hard_100_fafaf4_1x100.png")

to:

url(images/ui-bg_highlight-hard_100_fafaf4_1x100.png)

throughout the whole CSS file.

I also was having this problem. I was pulling my hair out. But yes, JasCav is correct, you must put an "images" folder at the same level as your query-ui-1.8.9.custom.css (or in my case jquery-ui-1.8.16.custom.css) file. And inside this folder copy your *.png files from your jquery ui download.

Are you sure your paths are pointing correctly (AKA, are you seeing the jQuery UI icons elsewhere in your site)? That is the first thing I would check...particularly because you modified the path. You may have inadvertently screwed something up.

Update

I think you need to fix your paths - I don't think they are pointing correctly. From what I see, they have to be relative to your .custom.css file. So, for example, my jquery-ui-1.8.9.custom.css file exists in my Content folder. My states and images are referenced like this:

.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_cccccc_256x240.png); }

Therefore, I have to place an images folder at the same level as the jquery-ui-1.8.9.custom.css and place all the images inside that folder. Try that and see if it fixes the problem for you.