So now tooltips are triggered when you hover over anything like this:
The problem is positioning. On any other block element, like an input form, the tooltip appears just where you'd expect, more or less on top of the element, something you can then fine-tune. On the image map areas however it appears in the same place on the page for each one.
I got it so that all tooltips appear in the center of the image when you hover over the various area shapes, something that may be useful in certain cases. However I'm wondering if there's a way to get it to act the same on these area blocks as it does on other block elements.
Here's the positioning info I have now in the tooltip call, to get it to appear in the center of the image:
And here's what I have in the CSS:
It seems perhaps as if it's positioning more in relation to the entire image, rather than the blocks. I've tried changing positioning to "relative" in the CSS but that didn't help.
Adding the of: "area" positioning parameter made it so that all the other tooltips appear next to the image also, e.g if you hover over an input form at the top of the page. Removing that parameter means that those other tooltips act normally again, but the ones on image map areas still don't.
Any ideas welcome.