title: Rails. Can't get images to be displayed from a CSS file
body: <p>I already tried many different approaches and none work, am I missing something here?</p>
  
  <p>This is what I have tried...</p>
  
  <pre><code>th a.asc {
    background-image: url(up_arrow.gif);
  }
  
  th a.desc {
    background-image: url(down_arrow.gif);
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>th a.asc {
    background-image: url("assets/up_arrow.gif");
  }
  
  th a.desc {
    background-image: url("assets/down_arrow.gif");
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>th a.asc {
    background-image: url(assets/up_arrow.gif);
  }
  
  th a.desc {
    background-image: url(assets/down_arrow.gif);
  }
  </code></pre>
  
  <p>and</p>
  
  <pre><code>th a.asc {
    background-image: url(&lt;%= asset_path "up_arrow.gif" %&gt;);
  }
  
  th a.desc {
    background-image: url(&lt;%= asset_path "down_arrow.gif" %&gt;);
  }
  </code></pre>
  
  <p>and...</p>
  
  <pre><code>th a.asc {
    background-image: asset-url("up_arrow.gif", image);
  }
  
  th a.desc {
    background-image: asset-url("down_arrow.gif", image);
  }
  </code></pre>
  
  <p>and many more.</p>
  
  <p>I have renamed the file application.css, application.css.scss, application.css.erb, application.scc.scss.erb, index.css, index.css.scss, index.css.erb</p>
  
  <p>I have read this... <a href="http://edgeguides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets" rel="nofollow noreferrer">http://edgeguides.rubyonrails.org/asset_pipeline.html#coding-links-to-assets</a> and <a href="https://stackoverflow.com/questions/10093077/404-when-displaying-background-image-in-css-with-rails-3-2">404 when displaying background image in CSS with rails 3.2</a> and <a href="https://stackoverflow.com/questions/6562140/rails-3-1-serving-images-from-vendor-assets-images">Rails 3.1 serving images from vendor/assets/images</a> and <a href="https://stackoverflow.com/questions/6213218/rails-3-1-and-image-assets">Rails 3.1 and Image Assets</a> and other pages from stackoverflow.</p>
  
  <p>But my images don't appear. They are in the <code>app/assets/images</code> directory. I have double checked and triple checked and yes, they are in that location. I go to Inspect Element in Google Chrome and when I click in the images link, it shows me the broken link image. </p>