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: 25498    

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
  9 years ago
0

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

aurorausa0106
  one year ago
0

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

 

Nansy   10 months ago
0

You can use the abbr Element. Buckshot Roulette

<a href="#" title="This tooltip has a link using abbr: <abbr title='Visit our website' style='text-decoration: underline; cursor: pointer;' onclick='window.location.href="https://www.example.com"'>www.example.com</abbr>">Hover over me</a>


Savdailywordle
  2 months ago
0

$(document).ready(function() {

  $("#myButton").tooltip({

    content: function() {

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

    },

    tooltipClass: "custom-tooltip",

    html: true

  });

});


Victor
  9 months ago
0

Yes, it's possible to include a link within a tooltip. verizon internet By using HTML or JavaScript, you can create tooltips that display additional information when hovered over, including hyperlinks. This can enhance user experience by providing context or supplementary resources. Just ensure the tooltip design remains user-friendly and doesn't obstruct content.

benjaminlouis
  2 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   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   8 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: