Proof of Concept: Highlighting a whole row in a table via :hover.

content goes here content here whee content eat bacon
content goes here content here whee content eat bacon
content goes here content here whee content eat bacon
content goes here content here whee content eat bacon
content goes here content here whee content eat bacon

Easy as pie... mostly. The basic idea was to have some sort of feedback for use in future projects where I have a huge table of data (web mail, here I come) and want some visual flashiness. The only problem is that it requires :hover on a non-link element to work properly, meaning that IE6 and lower won't see it. But I hate that browser anyway, and as this isn't in any sort of production environment, fuck it.

Relevant Code:

The CSS

tr td {background-color:#9ff; width:100px; padding:10px; border:1px solid green;}

tr:hover td {background-color:#ffc; border:1px solid red;}
Return to the Toxic Wombat Home Page