Question

I have a rails app with many partials for one view, each partial is a section in the view (one paged website).
I have put all my assets in the correct places etc.
below is a screenshot of how the actual page should look (outside of rails) (header, then section one which you can see, and there are sections below etc).

However this is how it is showing when done in rails

No images are shown for some reason, nor any content.
When I do not include the style sheet, all the content (writing) shows fine. When I include the stylesheet, everything disappears, its all white. However there are content there because I am able to scroll up/down.

Below is a screenshot of the structure of my files

I basically have all my images inside the image folder, but there are subfolders inside the image folders.
so:

assets (folder)
 images (folder)
  section_1 (folder)
   image.png (file)

in my css, because my css files are inside the stylesheets folder, I call my urls as follows:

background-image:url("../images/section_1/image.png");

As for my views, it is basically one view which renders out each section (partial).

Answer 1

Try background-image:url("section_1/image.png");

This works in my rails project. However, I’m using compass, so it might be different.