Forum: Ruby on Rails css background not showing

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.
Please log in before posting. Registration is free and takes only a minute.
Existing account

NEW: Do you have a Google/GoogleMail, Yahoo or Facebook account? No registration required!
Log in with Google account | Log in with Yahoo account | Log in with Facebook account
No account? Register here.