Welcome to WebmasterWorld Guest from 54.160.131.144

Forum Moderators: not2easy

Message Too Old, No Replies

Tables! Really. (<tr> and <td> hovering)

Table css design and hovering in IE

     

murphsy

11:30 am on Sep 16, 2009 (gmt 0)

5+ Year Member



I've recently used some tables again, not for the website layout mind you, and I'm currently working on sexying them up a fair bit.

These tables are used as tables in my opinion are supposed to be used, to display data in a structured and easy scannable way.

I used css to make these tables look their part and I've applied some code to make the horizontal rows light up when hovered:


tr:hover{
background: url('../images/trbg.jpg')
}

This works fine in Chrome and FF, but does not do anything in IE. Some google work gave me a ton of scripts to 'solve' the problem, but so far the problem persists.

Is there any way to make my <tr>'s and <td>'s respond to a hovering mouse?

swa66

10:55 pm on Sep 16, 2009 (gmt 0)

WebmasterWorld Senior Member swa66 is a WebmasterWorld Top Contributor of All Time 10+ Year Member



IE6 ? That poor excuse for a browser doesn't do :hover on anything but an <a> tag.
You can teach it to behave a bit better by using scripted solutions such as IE7.js

Or you can ignore it and let it be a nice surprise the site looks so much better in a decent browser.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month