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 5 of 5
  1. #1
    New Coder
    Join Date
    Apr 2008
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts

    image tool tip in overflow:auto div

    Hi

    I have a list of products in a div styled with overflow:auto. I also have the image of the product appear in a tooltip that sits within the same div.

    All is well but when you get to the bottom of the list the image tooltip is hidden within the scroll box.

    I tried applying the z-index property to it so it can overlap it but no joy.

    Any ideas what can be done to fix it?

    The link is here to the site Look under the Product Code column.


    Many Thanks
    Last edited by robert475; 06-25-2010 at 04:49 PM.

  • #2
    met
    met is offline
    Regular Coder
    Join Date
    Oct 2009
    Location
    United Kingdom
    Posts
    728
    Thanks
    4
    Thanked 119 Times in 119 Posts
    can you change the position of the tooltips manually? that would be the easiest/quickest option.

    my knowledge of z-index is pretty poor but i do know that you need to position the element before it'll work, there's a pretty good write up @ smashing magazine. may be of some use.

  • #3

  • #4
    New Coder
    Join Date
    Apr 2008
    Posts
    34
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Hi Everyone

    Thanks for your help. I decided to go with another example and it does what i need it to do.

    Here is the link should anyone need it:

    tooltip

    Thanks again guys for your help, really appreciate it

  • #5
    Regular Coder
    Join Date
    Aug 2005
    Location
    MS
    Posts
    820
    Thanks
    10
    Thanked 78 Times in 76 Posts
    Nice. May play with those. Might load the images faster on mouseovers if you use an image pre-loader. Will try that when I get time.
    ☠ ☠RON☠ ☠


  •  

    Posting Permissions

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