There isn’t anything wrong from what I can see regarding that CSS :hover selector, so we’d need to see more of the markup and style sheet as it probably has other influences.
[font=verdana]It’s a nice and simple fix – you can’t apply the hover effect background colour to a table row, only a table cell. So just change the line to:
.tb_find:hover td {
background: #C8DAEF;
}
and you should find it works absolutely fine.
(But why have you declared bgcolor="#ffffff" in the HTML instead of in the CSS?)[/font]
Actually I found out that the Hover affect is working fine in many Web browsers, but not on all browser (versions).
So question is what to do to get it working Ok in all browsers?
You can see it by going to anoox.com and issue a search for whatever you want, such as: Web design Miami
Then hold your mouse over each row of the search results.
Depending on your web browser the background color will change fine.
So again question is what to do to get it working Ok in all browsers?
Your suggestion would not work since each row has many columns and the result that we are looking for is when the user holds their mouse over any
column of a row that that row changes background color.
WorldNews, did you try the code that I attached in message number 6 on a stand-alone page? It demonstrates exactly what Stevie and Paul have stated. It doesn’t get any simpler than that.
As @Paul_O_B stated in message number 7, tr:hover does not work in IE6. Is that the problem browser?