Image url in Css file under stylesheets under public Rails 2.3

Question

I am working with Rails 2.3.5 and I have images in public/images/ which are added into css file named as custom.css

#cssmenu ul {
  background: url(nav-bg.png) repeat-x 0px 4px;
  height: 69px;
}

How can i make this read the image which in inside public/images ? I have tried this but it did not work

#cssmenu ul {
  background: url(<%= asset_path '/images/nav-bg.png' %>) repeat-x 0px 4px;
  height: 69px;
}

also this does not work

#cssmenu ul {
      background: url(<%= asset_path 'nav-bg.png' %>) repeat-x 0px 4px;
      height: 69px;
    }

With the asset path, you shouldn't need the `/images/` before your file name, right? — kunalbhat, Aug 23 '13 at 19:35

score 0 · Answer 1 · answered Aug 23 '13 at 19:42

0

Can you try using the image_path helper?

background: url(image_path('nav-bg.png'));

answered Aug 23 '13 at 19:42

steakchaser

5,198
1
26
34

score 0 · Accepted Answer · answered Aug 23 '13 at 19:55

0

Both examples are correct:

#cssmenu ul {
  background: url(../images/nav-bg.png) repeat-x 0px 4px;
  height: 69px;
}

#cssmenu ul {
  background: url(/images/nav-bg.png) repeat-x 0px 4px;
  height: 69px;
}

answered Aug 23 '13 at 19:55

Zaur Amikishiyev

368
2
6

score 0 · Answer 3 · answered Aug 24 '13 at 07:24

0

For using this <%= asset_path 'nav-bg.png' %> you will have to add .erb after file.css and it should look like yourfile.css.erb

answered Aug 24 '13 at 07:24

Grey

676
8
23

Image url in Css file under stylesheets under public Rails 2.3

3 Answers3