ruby on rails and css issue

Question

I am learning ruby on rails, but I have this problem with my CSS code.

so in ~/Ruby Code/My_Project/app/views/layouts/application.html.erb I have this:

<!DOCTYPE html>
<html>
<head>
  <title>MyProject</title>
  <%= stylesheet_link_tag    :all  %>
  <%= javascript_include_tag :defaults %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

and in ~/Ruby Code/My_Project/public/stylesheets I have this, a CSS file called "My_Project.css".

also in ~/Ruby Code/My_Project/app/views/users, I have the index.html.erb file:

<div id="user_list" >

<h1>Listing users</h1>

<table>

    <% @users.each do |user| %>

    <tr class="<%= cycle('list_line_odd', 'list_line_even') %>" >

        <td class="user_description" >
            <dl>
            <dt><%= user.name %></dt>
            <dt><%= user.surname %></dt>
            <dt><%= user.age %></dt>
            <dt><%= user.date_birth %></dt>
            <dt><%= user.date_of_reg %></dt>
            <dt><%= user.email %></dt>
        </td>
        <td class="list_actions" >
            <%= link_to 'Show', user %><br/>
            <%= link_to 'Edit', edit_user_path(user) %><br/>
            <%= link_to 'Destroy', user,
            :confirm => 'Are you sure?',
            :method => :delete %>
        </td>

    </tr>
    <% end %>

</table>
</div>
<br />
<%= link_to 'New user', new_user_path %>

why is Ruby not loading the CSS file ? Is it placed in the wrong directory?

If you're just starting to learn rails, you should use at least use 3.1. In Rails 3.1, stylesheets are no longer stored in public/stylesheets but use the asset pipeline and are stored under assets/stylesheets. — axsuul
– axsuul, Commented Dec 5, 2011 at 13:45
I just moved the css file over there, and it still doesnt work. Is maybe he filename wrong? — Test Test
– Test Test, Commented Dec 5, 2011 at 13:53
ok found the error. I had to change <%= stylesheet_link_tag :all %> <%= javascript_include_tag :defaults %> to <%= stylesheet_link_tag "application" %> <%= javascript_include_tag "application" %> — Test Test
– Test Test, Commented Dec 5, 2011 at 13:59
any idea why it works now ? lol, does "application" tag means to look in the assets folder? — Test Test
– Test Test, Commented Dec 5, 2011 at 13:59

nathanvda · Accepted Answer · 2011-12-05 14:50:08Z

1

Since rails 3.1 there is a thing called the asset pipeline. This will make sure that your css files are packaged into 1 file, and one other file containing all your js files. This will make sure that the initial download is much quicker.

In your app/assets/stylesheets is an application.css which serves as the manifest. This file will contain a description which css files will need to be included in the complete application.css.

This file, by default, contains something like

/* 
 *= require_self
 *= require_tree .
 */

and this means that whatever is inside the application.css file itself, plus all other files in the same folder will be included in the final application.css.

Hope this helps.

answered Dec 5, 2011 at 14:50

nathanvda

50k14 gold badges120 silver badges140 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Miles · Accepted Answer · 2014-01-22 20:54:16Z

0

2 issues:

wrong path - don't put asset files directly into public. the asset pipeline compiles files from /app/assets/stylesheets and outputs them to /public/assets. So move your css file to /app/assets/stylesheets first.
wrong filename - see the 5th line of your first code example where it says <%= stylesheet_link_tag :all %>? That's telling the asset pipeline to look for a css file in /public/assets named all.css. Obviously your css file is not named that. So change that as well and you should be good to go!

answered Jan 22, 2014 at 20:54

Miles

1,6354 gold badges17 silver badges43 bronze badges

Collectives™ on Stack Overflow

ruby on rails and css issue

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related