1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

td.box:hover works with FireFox but not with Explorer!

Discussion in 'CSS' started by celia05es, May 14, 2007.

0
  1. #1
    Hi,
    I have the following simple html code:

    
<head>
<style type="text/css">
        body { color: black; background: white; }
        td.box { background: #E0E0E0; }
        td.box:hover { background: #9999FF; }
        td.box:active { background: #FF6600; }
</style>
</head>
<body>
<table border="0" cellpadding="10" cellspacing="5">
<tr>
        <td class="box"><a href="a1.jsp" target="frame2">A</a></td>
</tr>
<tr>
        <td class="box"><a href="a2.jsp" target="frame2">B</a></td><br>
</tr>
</table>
</body></html>
    Code (markup):
    This code works fine with FireFox.... the color changes when passing over the link..... but it does not work with Explorer (version 6)

    Could someone help me please?

    Thank you
     
    celia05es, May 14, 2007 IP
  2. xooMan

    xooMan Peon

    Messages:
    92
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #2
    IE supports :hover pseudo class only on <a> elements. So, you either have to replace <td> with <a> or use some other (JavaScript?) way.
     
    xooMan, May 14, 2007 IP