CSS3 Tooltip / Posts /

Can you put link inside the tooltip?

25
Just wondering how I can add an a href link inside the tooltip is it possible?
Ott  10 years ago   viewed: 26099    

8 Answers

5
It's possible to put any link, if you use abbr instead of a in the CSS. I just used this variant. :-)
You can see an example on the page http://esperanto-nb.de/tekniko/technik.html.

Greetings

Rene'

PS: Your page removed my last e' in my name. :-( And the sign has to be on the e.
Ren
  10 years ago
0

wow, great post. it gave me a lot of useful information. I look forward to your next posts.

aurorausa0106
  2 years ago
0

Incredible, what a wonderful article. It provided me with a wealth of knowledge. I eagerly await your subsequent updates. drift boss

 

Nansy   one year ago
0

$(document).ready(function() {

  $("#myButton").tooltip({

    content: function() {

      return $(this).prop("title");

    },

    tooltipClass: "custom-tooltip",

    html: true

  });

});


Victor
  one year ago
0

Certainly! To add an “a href” link in a tooltip, you typically need to modify the JavaScript or HTML that handles the tooltip's content. For example, you can use JavaScript libraries like jQuery or plugins that allow HTML content in tooltips. This way, you can enhance user experience by linking to relevant games like Snow Rider 3D, guiding players to explore thrilling winter activities.

Linda Martinez
  one month ago
0

Certainly! To add an “a href” link in a tooltip, you typically need to modify the JavaScript or HTML that handles the tooltip's content.

Linda Martinez
  one month ago
-5
It seems not easy to include anchor links inside the tooltip content as the <a> element will inherit its parent <a>'s style that has already been styled to look as a box.

For me, I am using the JavaScript Tooltip that allows any rich HTML content, and easy to configure and tweak, though it will cost you 20 bucks.
Ekta   10 years ago
-6

You can comment the pointer-event property of tooltip


div.tooltip {
position: absolute;
text-align: center;
width: 60px;
height: 28px;
padding: 2px;
font: 12px sans-serif;
background: lightsteelblue;
border: 0px;
border-radius: 8px;
/* pointer-events: none; This line needs to be removed */
}

din   9 years ago

   

Your name*
Password
(Optional. Used to modify this post afterwords)
+ =  

Ask your Own Question

  • If your question is related to the topic of this post, you can post your question to this page by clicking the "Post a reply" button at left;

  • When you want to start a new page for your question: