Forum: Ruby on Rails css background not showing

Announcement (2017-05-07): www.ruby-forum.com is now read-only since I unfortunately do not have the time to support and maintain the forum any more. Please see rubyonrails.org/community and ruby-lang.org/en/community for other Rails- und Ruby-related community platforms.
Ec8b325dcad37dee7a0c358811353a80?d=identicon&s=25 wragen22 (Guest)
on 2012-10-31 07:29
(Received via mailing list)
Hi all,
for some reason adding the following is doing nothing...

.post.hover  {
background: FAFAFA;


I've got this in my posts.js coffee file

$ ->
$('.post').hover (event) ->
$(this).toggleClass("hover")


and my index is

<% @posts.each do |post| %>
<div class="post">
<strong><%= post.title %></strong>
<p><%= post.content %></p>
<div class="meta">
<%= link_to time_ago_in_words(post.created_at) + " ago", post %>
<span class="admin">
| <%= link_to "Edit", edit_post_path(post) %> |
<%= link_to "Delete", post, :confirm => "Are you sure you want to delete
this post?", :method => :delete %> |
</span>
<div>
</div>

<% end %>



Any ideas?
19fad8b2f5f9948322c3fe0441265298?d=identicon&s=25 Jim ruther Nill (jimboker)
on 2012-10-31 07:45
(Received via mailing list)
On Wed, Oct 31, 2012 at 2:28 PM, wragen22 <bradwrage@gmail.com> wrote:

> $('.post').hover (event) ->
> <%= link_to time_ago_in_words(post.created_at) + " ago", post %>
>
>
> Any ideas?
>

can you check it via firebug or chrome's developer tools and check if
the
class really toggles (i'm pretty it does).  if you can't
see the changes maybe the change isn't that obvious. FAFAFA is very
close
to white so if you have a white background, you
may not notice the change.


> To view this discussion on the web visit
> https://groups.google.com/d/msg/rubyonrails-talk/-....
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>



--
6dbddfda34303f8d83620f7293612671?d=identicon&s=25 Tommaso Visconti (Guest)
on 2012-10-31 09:45
(Received via mailing list)
Il 31/10/12 07:28, wragen22 ha scritto:
> Hi all,
> for some reason adding the following is doing nothing...
>
>     .post.hover  {
>     background: FAFAFA;
> Any ideas?

"background: #FAFAFA" ??
52f3528c40e9cf28ad0900886eecb128?d=identicon&s=25 Jordon Bedwell (Guest)
on 2012-10-31 10:48
(Received via mailing list)
On Wed, Oct 31, 2012 at 1:28 AM, wragen22 <bradwrage@gmail.com> wrote:
Hi,

> for some reason adding the following is doing nothing...

Please note this list is for Rails questions, not HTML/CSS questions.

> .post.hover  {
> background: FAFAFA;

FAFAFA is not a valid value for background, and you should be using
background-color if you only have a colour just for semantics but to
directly address your question, please try doing #fafafa, please also
note that the pseudo class for hover is :hover so try .post:hover
instead of .post.hover.
F54bf20a6ff4b4ecc285be230e37874e?d=identicon&s=25 "鍋島 永道" <closer009@gmail.com> (Guest)
on 2012-10-31 10:48
(Received via mailing list)
it not work.
background: FAFAFA;

it work.
background: #FAFAFA;


2012/10/31 Jim Ruther Nill <jvnill@gmail.com>
Ec8b325dcad37dee7a0c358811353a80?d=identicon&s=25 wragen22 (Guest)
on 2012-10-31 15:56
(Received via mailing list)
That was it....

for some reason kept overlooking that I didn't have the #..

Sorry all.
This topic is locked and can not be replied to.