CodingForums.com

CodingForums.com (http://www.codingforums.com/index.php)
-   HTML & CSS (http://www.codingforums.com/forumdisplay.php?f=13)
-   -   Getting a TR cell background to light up on hover (http://www.codingforums.com/showthread.php?t=284921)

phpchick 12-27-2012 10:57 PM

Getting a TR cell background to light up on hover
 
Pretty simple thing I'm trying to do but I can't seem to do it. I'm sure someone here could do this in their sleep, can anyone help out? The link to the actual page is below.

I'm trying to get the cell that says "JOIN" to lightup when someone hovers over it. By "lightup" i mean do something like

.something a:hover {background-color:red; font-weight:bold; text-decoration:underline; color:blue;}

to give it a little spark, but I can't seem to figure out what should go in the "something" part, nothing I do seems to affect it...

help?


PHP Code:

    <div class="tbldivside">
    <
TABLE class=tblAcqSubscriptionside>
<
TBODY>
<
TR class=even>
<
TD class=pricingcell><!-- col_1 --><a href="http://www.website.com/signup/"><DIV class="featureNamejoin">JOIN</DIV></a></TD>
</
TR>
</
TBODY></TABLE>
</
div

http://goo.gl/wXrBX

Matt Boldt 12-27-2012 11:12 PM

Well, you really shouldn't be using tables to layout links like that. But it looks like you might be dealing with code given to you that can't be directly edited...

This should do it.

Code:

.pricingcell:hover {
    background: red;
}

The .pricingcell class is what gives the div its color, so that's what you're changing. Ideally, though, there would be an <li> with a <a href="#"> inside it that you'd control with

Code:

.the-class-name a:hover{
  /* stuff */
}



All times are GMT +1. The time now is 03:45 PM.

Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.