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 <[email protected]> wrote: 
>>> > 
>>> > 
>>> > On Saturday, May 26, 2012 4:45:13 PM UTC-4, Colin Law wrote: 
>>> >> 
>>> >> On 26 May 2012 21:39, Vell <[email protected]> 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 [email protected].
To unsubscribe from this group, send email to 
[email protected].
For more options, visit this group at 
http://groups.google.com/group/rubyonrails-talk?hl=en.

Reply via email to