Reputation: 1484

Jquery tools tooltip misplaced

I am facing an issue with Jquery Tools Tooltip. You can see on : http://www.toulousehoopsummit.com/l-ecole-en-basket

The 3 pictures at the bottom have a tooltip. In IE9 and FF12, the tooltips are too much on the right. In Safari, it is correctly located.

I had to add offset: [0, -450] to fix the problem on IE and FF but Safari users face now the inverse issue.

Do you have any idea why I get this and how I can fix it ?

Thanks in advance.

Upvotes: 2

Answers (4)

Luis

Reputation: 5914

If you're open to new ideas and some good looking plugins, you should try:

TipTip jQuery Plugin

I've been using it for some time and its awesome!

Hope it helps!

Upvotes: 0

Francis Kim

Reputation: 4285

Try the CSS Browser Selector - this has saved my projects many times.

Just put the JS file in, and your <html> will have added css selectors such as .ie .safari3 etc without having to actually debug the jQuery Tools Tooltip.

It will let you tweak your CSS according to browser version and OS.

Comment if you need any help with this!

Upvotes: 3

Registered User

Reputation: 3699

Here is a fixed version: http://pastehtml.com/view/bymzdgvhv.html

This works for me correctly in all browsers.

Upvotes: 0

Kristoffer K

Reputation: 2053

I'm on an iPad now, so I can't really test this out. But why don't you just fetch the top and left positions of the images using jquery, and offset the tooltips positions compared to the images positions?

Upvotes: -1

Jquery tools tooltip misplaced

Answers (4)

Related Questions