Ruby on Rails Wednesday, May 30, 2012



On Tuesday, May 29, 2012 9:31:43 PM UTC-4, Vell wrote:



On Tuesday, May 29, 2012 12:42:11 PM UTC-4, Vell wrote:


On Saturday, May 26, 2012 5:33:00 PM UTC-4, Colin Law wrote:
On 26 May 2012 22:18, Vell <lovell.mcilwain@gmail.com> wrote:
>
>
> On Saturday, May 26, 2012 4:45:13 PM UTC-4, Colin Law wrote:
>>
>> On 26 May 2012 21:39, Vell <lovell.mcilwain@gmail.com> wrote:
>> >
>> >
>> > On Saturday, May 26, 2012 12:07:33 PM UTC-4, Colin Law wrote:
>> >>
>> >> On 25 May 2012 22:57, Vell <> wrote:
>> >> > Hello all,
>> >> >
>> >> > I have been struggling all day with getting css files to load in my
>> >> > application. I am attempting to use the rails-ui-themes gem to help
>> >> > style my
>> >> > application but right now just getting simple css code to render is
>> >> > not
>> >> > working.
>> >> >
>> >> > I have tried removing the require_tree and including the file
>> >> > individually
>> >> > and it still does not seem to work.  When I look at the source of my
>> >> > html,
>> >> > every css file is loaded including the application.css file but
>> >> > nothing
>> >> > seems to happen.
>> >>
>> >> First check the html is valid by copy/paste the complete page source
>> >> (View > Page Source or similar in your browser) into the w3c html
>> >> validator.  If that is ok then run firebug in firefox and you should
>> >> be able to see whether the css is there.
>> >
>> >
>> > Thanks for the response Colin. I ran my code for the form
>> > through http://validator.w3.org/ and it stated that my code passed. When
>> > I
>> > launch firebug while i have that page loaded, firebug says that there
>> > are no
>> > rules in the stylesheet. But again when I look at my html source all of
>> > the
>> > stylesheets are loaded though none of them don't have anything in them
>> > aside
>> > from the one that I have started editing.
>>
>> Could you pass that through a validator and try again?  I am not sure
>> what you meant to say.  You say that firebug says there are no rules
>> in the stylesheet, but then go on to say that they are empty, so it is
>> not surprising that there are no rules.
>
>
> Could I pass the html of the form that I am trying to render the css through
> the validator again? Yes I could do that. Or do you mean put the css file
> into the validator?
>
> Sorry for the confusion about what I was trying to say. What I was
> attempting to say is that, all of the css.scss files are all empty aside
> from the one .css.scss file that i am trying to render in my form. So right
> now I am working on my user registration form and so I am writing my css in
> the users.css.scss file. That is the only one that has any content in it at
> this moment.  But since the layout is loading the application.css file and
> that file is calling require_tree . the users.css.scss file should have been
> loaded and the css should have shown up on the page.

I don't think you mentioned previously that they were .sccs files,
unless I missed it.  I thought they were simple css files.  I have not
played with sass yet.

The files when they are created are as .css.scss files. I am not using sass (at least not knowingly). I have other apps where I have written valid css in a .css.scss file and it has rendered fine. So I didn't think mentioning the file extension in the beginning made a difference. Sorry for that omission. But I can also say that I have removed the .scss extension  just to see if that made a difference and I still have the same issue of my css not rendering. :( 

It looks like doing a direct link to the stylesheet that I am trying to include also doesn't work. For instance, the following code also does not show any of the css.

app/views/layouts/application.html.erb

<%= stylesheet_link_tag    "users" %>

<div id='user_nav'>
<% if current_user %>
<%= link_to 'Edit', edit_user_path(:current) %> | 
<%= link_to 'Logout', logout_path %>
<% else %>
<%= link_to 'Register', new_user_path %> | 
<%= link_to 'Login', login_path %>
<% end %>
</div>

app/assets/stylesheets/users.css.scss

#user_nav{
float: right;
font-size: 12px;
}


Anyone else?

Colin

For those that were interested to know, the issue is with using thin. If I launch my application using `thin start --prefix /app_name` then css does not show. But if I launch it using `rails s` the css shows fine. Something must not be working right with the version I am using so I will check to see if there is a newer version.

--
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
To view this discussion on the web visit https://groups.google.com/d/msg/rubyonrails-talk/-/1b1sbXvHqeoJ.
To post to this group, send email to rubyonrails-talk@googlegroups.com.
To unsubscribe from this group, send email to rubyonrails-talk+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/rubyonrails-talk?hl=en.

No comments:

Post a Comment