Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4

Thread: td:hover

  1. #1
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts

    td:hover

    hey all,,, i was woundring,,, when i did this in CSS it only worked in firefox,, do u know another code to make this work for IE ?

  • #2
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    IE only supports :hover for links (a:hover). Try this:

    http://www.xs4all.nl/~peterned/csshover.html

  • #3
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,743
    Thanks
    0
    Thanked 244 Times in 239 Posts
    Hi there muhaidib,
    do you know another code to make this work for IE ?
    Well, you might like to try this work-a-round...
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    <title>IE hover work-a-round</title>
    
    <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=utf-8" />
    
    <style type="text/css">
    /*<![CDATA[*/
    
    body {
         font-family:verdana,arial,helvetica,sans-serif;
         font-size:28px;
     }
    #tab {
         border:3px solid #666;
         margin:40px auto;
     }
    #tab td {
         line-height:200px;
         border:1px solid #000;
         text-align:center;
     }
    #tab a {     
         display:block;
         width:324px;
         height:200px;
         background-color:#f00;
         color:#fff;
         text-decoration:none;
    
     }
    #tab a:hover {
         background-color:#00f;
    }
    
    /*//]]>*/
    </style>
    
    </head>
    <body>
    
    <table id="tab"><tr>
    <td>
    <a href="#">hover here</a>
    </td>
    </tr></table>
    
    </body>
    </html>
    coothead

  • #4
    Regular Coder
    Join Date
    May 2005
    Posts
    116
    Thanks
    0
    Thanked 0 Times in 0 Posts
    ohhhhhhhh

    thats coool

    so just add

    display:block;
    width:324px;
    height:200px;

    to the {a} CSS link and change it in a:hover... awsome,,, thanx


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •