css background not showing

15 views
Skip to first unread message

wragen22

unread,
Oct 31, 2012, 2:28:42 AM10/31/12
to rubyonra...@googlegroups.com
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? 
 
 

Jim Ruther Nill

unread,
Oct 31, 2012, 2:43:42 AM10/31/12
to rubyonra...@googlegroups.com
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.
 
 
 

--
You received this message because you are subscribed to the Google Groups "Ruby on Rails: Talk" group.
To post to this group, send email to rubyonra...@googlegroups.com.
To unsubscribe from this group, send email to rubyonrails-ta...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msg/rubyonrails-talk/-/nLNFo26DvSAJ.
For more options, visit https://groups.google.com/groups/opt_out.
 
 



--
-------------------------------------------------------------
visit my blog at http://jimlabs.heroku.com

Tommaso Visconti

unread,
Oct 31, 2012, 4:44:23 AM10/31/12
to rubyonra...@googlegroups.com
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" ??

鍋島 永道

unread,
Oct 31, 2012, 2:49:16 AM10/31/12
to rubyonra...@googlegroups.com
it not work.
background: FAFAFA;

it work.
background: #FAFAFA;


2012/10/31 Jim Ruther Nill <jvn...@gmail.com>

Jordon Bedwell

unread,
Oct 31, 2012, 2:35:01 AM10/31/12
to rubyonra...@googlegroups.com
On Wed, Oct 31, 2012 at 1:28 AM, wragen22 <brad...@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.

wragen22

unread,
Oct 31, 2012, 10:55:13 AM10/31/12
to rubyonra...@googlegroups.com
That was it....

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

Sorry all.
Reply all
Reply to author
Forward
0 new messages