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  11 years ago   viewed: 26266    

7 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.

Linda Martinez
  5 months 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   11 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: