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 7 of 7
  1. #1
    New Coder
    Join Date
    Nov 2009
    Posts
    18
    Thanks
    4
    Thanked 0 Times in 0 Posts

    IE handling problem -- CSS thumbnail image pops up larger image on hover

    Hello again.

    I am using CSS to display some thumbnail images, when you hover over them, a larger image with text description pops up on the right side.

    All is well, except in IE. In IE, the thumbnails jump up and down on the screen when you hover your mouse between the 1st and 2nd row of thumbnails.

    Here is where I "borrowed" the code:
    http://www.dynamicdrive.com/style/cs...e-gallery/P30/




    And here is my site:
    http://bossteel.com/Services09test.html

    Clearly there must be something within my own code, on one of the outlying containers, that is causing this behavior -- because I haven't changed any of the original code, and the demo works in IE.

    Help is appreciated. Thanks.

  • #2
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    You need to fix the errors in your markup first, see http://validator.w3.org/check?uri=ht...Inline&group=0
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #3
    New Coder
    Join Date
    Nov 2009
    Posts
    18
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Ok, I've fixed up some missing end /> tags, and it validates.

    Didn't change the problem, though.

  • #4
    Regular Coder Donkey's Avatar
    Join Date
    Sep 2003
    Location
    Blackfield UK
    Posts
    312
    Thanks
    1
    Thanked 36 Times in 36 Posts
    W3C
    CSS -6 Errors
    Xhtml - 79 errors

    How does it validate?
    " 90% of everything is crud" - Theodore Sturgeon
    Filthy Beast - a 60's Rock Band

  • #5
    New Coder
    Join Date
    Nov 2009
    Posts
    18
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Sorry, I forgot to save my corrections in the proper file.
    No errors are found.

    Could somebody please look again?
    I can't figure out what's causing IE to behave like this on the hover.
    Thanks.

  • #6
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,858
    Thanks
    160
    Thanked 2,223 Times in 2,210 Posts
    Blog Entries
    1
    Try
    Code:
    .centralhome {
    margin-top: 0;
    /*padding-top: 10px;*/
    width: 695px;
    }
    PS:
    Sorry, I forgot to save my corrections in the proper file.
    No errors are found.
    lol, thought you were too lazy and so we can just ignore the case
    Last edited by abduraooft; 11-18-2009 at 04:21 PM.
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    puffnstuff (11-18-2009)

  • #7
    New Coder
    Join Date
    Nov 2009
    Posts
    18
    Thanks
    4
    Thanked 0 Times in 0 Posts
    Nope, not lazy. I'm always willing to put in the time to learn.

    That top padding was the culprit. Thank you so much!


  •  

    Posting Permissions

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