Border on an individual table row (tr) ?

[daveslab]

Hi all,

I’m trying to dynamically give a table row a red dashed border whenever a person mouses over it. My jQuery code is this:

$(‘table#timeline tr’).mouseover( function() {
$(this).css("border","3px dashed red");
})

The jQuery code isn’t important. I know that part works because I’ve used the css function to change the background color instead and that works just fine. However, when I apply it to the table tr’s, the border does not change at all. I also tried changed it with Firebug and that did not seem to work either. Any ideas what might be wrong?

Thanks all!
Dave

[daveslab]

Yes, Chris, you’re right. I found out eventually. That kind sucks, but you do have to change the sizes of the individual cells, although jQuery selectors do make that easy :)

Was used in this greasemonkey script if interested: http://whatthetweet.daves-lab.com/

[Author]

Posts