homepage Welcome to WebmasterWorld Guest from 54.161.214.221
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
Tables! Really. (<tr> and <td> hovering)
Table css design and hovering in IE
murphsy




msg:3990234
 11:30 am on Sep 16, 2009 (gmt 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?

 

swa66




msg:3990595
 10:55 pm on Sep 16, 2009 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved