Problem with position of tooltips on floated elements

Nik's Avatar

Nik

23 Apr, 2010 10:03 PM

Hello;
I have a design where I am floating like six items one after another, each floated left, to give me columns. I have applied the tiptip tooltip plug-in to each element on hover, and the tooltip is appearing as it should, but not WHERE it should. I am also getting different behaviors in both Safari 4 and FF 3.6. Attached are screenshots of the behaviors in each browser. I have not modified the css or js code aside from making the tooltip appear above the trigger element. Are there issues with this tool appearing when called from floated elements?

Thanks for the time!

  1. Support Staff 1 Posted by Drew Wilson on 23 Apr, 2010 11:53 PM

    Drew Wilson's Avatar

    Thanks for finding that bug :)

    Any chance you would be willing to send me your HTML & CSS files so i can debug it exactly how you have it?

    Thanks!
    Drew

  2. 2 Posted by Nikolai Langloi... on 26 Apr, 2010 02:51 PM

    Nikolai Langlois's Avatar

    Hi there, Drew. I apologize that it's taken me this long to get back to you. I took some time just now to set up a small demo site on my MobileMe account where you can see what I'm trying to do, and how I'm going about it. Hopefully you can see the issues I'm experiencing, and if you might have some suggestion as to how I could make it work properly, I would greatly appreciate it.

    http://homepage.mac.com/niedecker/highlightsTipTip_demo/

    Thank you very kindly.
    Nikolai Langlois
    ---
    "Saying Windows 95 is equal to Macintosh is like finding a potato that looks like Jesus and believing you've witnessed the second coming." -- Guy Kawasaki

  3. 3 Posted by Anton Andreasso... on 27 Apr, 2010 07:59 AM

    Anton Andreasson's Avatar

    The problem is the use of margins to position the tooltip. For inspiration, please take a look at jquery.cluetip, which uses a combination of relative and (mostly) absolute positioning.

Reply to this discussion

Internal reply

Formatting help / Preview (switch to plain text) No formatting (switch to Markdown)

Attaching KB article:

»

Already uploaded files

  • issuesWithTiptip.jpg 158 KB

Attached Files

You can attach files up to 10MB

If you don't have an account yet, we need to confirm you're human and not a machine trying to post spam.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac