Javascript Tooltip / Posts /

Tooltip without function

1

I want to user McTabs und Tooltips in my new hompage. Function of McTabs is great and today perfect, but Tooltips are without function. I use it with Wordpress 4,1 in the Content Page. Can you help me bevore i by the tools ? here my Code, many thanks ....

<link href="http://localhost/matchrace/my_tabs/template2/mctabs.css" rel="stylesheet" type="text/css" />
<script src="http://localhost/matchrace/my_tabs/javascript-tabs.js" type="text/javascript"></script>

<link type="text/css" rel="stylesheet" href="http://localhost/matchrace/my_tooltip/tooltip.css" />
<script  src="http://localhost/matchrace/my_tooltip/tooltip.js" type="text/javascript"></script>

<ul id="tabs1" class="mctabs">
  <li><a href="#ttab1">Test Tab1</a></li>
  <li><a href="#ttab2">Test Tab2</a></li>
  <li><a href="#ttab3">Test Tab3</a></li>
</ul>

<div class="panel-container">

  <div id="ttab1">
    <span class="tooltip" onmouseover="tooltip.pop(this, 'Testen der Tooltips 1 mit Anzeige')">Tooltip 1</span>
    <span class="tooltip" onmouseover="tooltip.pop(this, 'Testen der Tooltips 2 mit Anzeige')">Tooltip 2</span>
  </div>
 
  <div id="ttab2">
  content 2
  </div>

  <div id="ttab3">
  content 3
  </div>

</div>

Martin Thoma  9 years ago   viewed: 3088    

2 Answers

0

Are you sure the tooltip widget has been configured correctly?

Please read http://www.menucool.com/2457/Troubleshooting-Request

Milo   9 years ago
0

Hello geometry dash subzero, I think you can try add this to your CSS:

css

.tooltip {

  position: relative;

}

.tooltip span {

  position: absolute; 

  background: #333;

  color: #fff;

  padding: 5px 10px;

  left: 100%;

  top: -5px; 

  visibility: hidden;

  opacity: 0;

  transition: 0.3s;

}

charlestheiss
  one year 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: