Welcome to WebmasterWorld Guest from 107.20.75.63

Forum Moderators: not2easy

Message Too Old, No Replies

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

Table css design and hovering in IE

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

New User

5+ Year Member

joined:Sept 16, 2009
posts: 12
votes: 0


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?

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

Senior Member

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

joined:Aug 7, 2003
posts:4783
votes: 0


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.

 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members