search

darkspotinthecorner / DarkTip

The DarkTip plugin is a javascript based tooltip framework that enables quick and easy development of modules that hook into specific aspects of a webpage and display context sensitive tooltips.
http://darkspotinthecorner.github.io/DarkTip/
MIT License
31 stars 3 forks source link

Image embedded in URL. #2

Closed Axodious closed 12 years ago

Axodious commented 12 years ago

I was wrong, there is an issue with embedding an image in a URL for a tooltip. The tooltip is fine until you mousover the tooltip itself, then it starts flashing. I was trying to get the anchor on the mouse cursor which should workaround the issue but can't figure out how. >_<

darkspotinthecorner commented 12 years ago

I will have a look at it asap. Thanks for reporting this. :-)

Axodious commented 12 years ago

An example would be: <a href="http://eu.battle.net/wow/en/item/60288"><img src="http://wowimg.zamimg.com/images/logos/home.gif" /></a>

darkspotinthecorner commented 12 years ago

Since this issue originates from the tooltip plugin I'm using, I have forwarded the issue to the plugin's author: https://github.com/Craga89/qTip2/issues/272

As a temporary fix, you could add a height to your <a> element that matches the image's height. This should place the tooltip correctly at the top of the image. :-)

darkspotinthecorner commented 12 years ago

So, I got some feedback and this isn't really a bug. It's the normal way inline elements behave in HTML.

To "fix" the problem you could change your <a href="..."> to <a style="display: inline-block;" href="...">. This will make the <a> Tag behave properly...

Example: http://jsfiddle.net/NdPHP/6/

Axodious commented 12 years ago

Thanks, that worked. :)