This has to do more with Rails than jQuery so I am posting it here.  I
am using jQuery UI widgets in my application.  One of the CSS file is
called ui.theme.css which has references to background-image as shown
below:

.ui-widget-content .ui-icon {background-image:
url(images/ui-icons_222222_256x240.png)/*{iconsContent}*/; }

Following Rails conventions, I put the stylesheets in public/stylesheets
and javascripts in public/javascripts directories.

Trouble is: this creates problems in terms of background images not
loading correctly, I have to change the aforementioned line to:

.ui-widget-content .ui-icon {background-image:
url('/images/ui-icons_222222_256x240.png')/*{iconsContent}*/; }

In other words, put a forward slash "/" in front of the images and put
the whole uri string in quotes for Rails to load it correctly.  This
seems like a lot of work for no good reason.  Any advice on how to get
around it without having to modify the CSS files?

Thanks.

Bharat
-- 
Posted via http://www.ruby-forum.com/.

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby 
on Rails: Talk" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/rubyonrails-talk?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to