SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: Table Hover

  1. #1
    SitePoint Guru
    Join Date
    Jul 2002
    Location
    space
    Posts
    845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Table Hover

    Hello,

    I'm trying to make the following work with a big table:

    http://juicystudio.com/cognitive/example16.htm

    (so that when a user hovers over the table, it lights up).

    However, in IE, the hovering part seems SLOW. Again, this is only when I use a big table. In Firefox, the hovering part is FAST, even when using a big table.

    Are there any alternate routes I can take to make my big table light up fast? (just as it does in Firefox?)

    Thanks.

  2. #2
    SitePoint Guru
    Join Date
    Jul 2002
    Location
    space
    Posts
    845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    anyone? is there an alternate way to do this?

  3. #3
    Carpe Diem = Fish of the Day fisherboy's Avatar
    Join Date
    Dec 2005
    Location
    New Zealand
    Posts
    488
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I am not sure at all.

    Is there any way to have a look at your big table and try it? Can you post a link?
    fisherboy
    Web Site Design

  4. #4
    SitePoint Wizard bronze trophy Tyssen's Avatar
    Join Date
    Oct 2005
    Location
    Brisbane, QLD
    Posts
    4,067
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    As IE doesn't natively support :hover on non-pseudo elements, it's probably going to be something to do with the javascript.

  5. #5
    SitePoint Guru
    Join Date
    Jul 2002
    Location
    space
    Posts
    845
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    The code that I have works, but it just lags a bit with the big table I have in IE. To make it function in IE, I'm using the following JS file:

    http://juicystudio.com/cognitive/ie7-standard.js

    Now, everything is great with this file, but again, it just isn't fast with a BIG table.

    My CSS is this:

    #hover table:hover {
    background: #f8f8f8;
    }

    And in my code I use this:

    <div id="hover">

    2 nested tables here.

    </div>

    What can be done here? Is it because I'm using a nested table? In Firefox, it works perfectly, and in IE, it works the same, but it is just noticeably slower.


Bookmarks

Posting Permissions

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