Search the Community
Showing results for tags 'tooltips'.
-
Here is the code from w3: <style> .tooltip { position: relative; display: inline-block; border-bottom: 1px dotted black; } .tooltip .tooltiptext { visibility: hidden; width: 500px; background-color: black; color: #fff; text-align: left; border-radius: 6px; padding: 5px 0; /* Position the tooltip */ position: absolute; z-index: 1; top: -5px; left: 0%; } .tooltip:hover .tooltiptext { visibility: visible; } </style> Here it is inside body: <div class="tooltip"> text text text <span class="tooltiptext"> <!-- <span cla
-
I need help solving two problems I am encountering with some tooltips that I created based on the W3Schools tooltip tutorial. Here is the page with the tooltips: http://wildadirondacks.org/adirondack-wildflowers-starflower-trientalis-borealis.html Here is my html code for one of the paragraphs with tooltips: <p>Starflower <strong>leaves</strong> vary considerably in size, from 1½ inches to about 4 inches in length.</p> <ul> <li>Starflower leaves are <div class="tooltip">lance-shaped<span class="tooltiptext">
-
HI there, first i apology my english not too well, hope you may understand what i mean ,Thanks Im try to using the Bootstrap one of the function is popover similar like tooltips, but i facing the problem For example : <div id="all"> <div id="a" class="circle_ball" data-user-id="2">●</div> <div id="b" class="circle_ball" data-user-id="1">●</div> </div> and my Jquery code is : $('#all').on('mouseenter','div',function(){ $(this).popover({ title: 'Jun Hoo', content: $(this).attr('data-user-id')
-
I have created some tooltips based on http://sixrevisions.com/css/css-only-tooltips/ They work great and look great. The only issue is that in IE, the "img" is misplaced. Unfortunately, the only way I've been able to get the tooltips to work is by putting the css in th php document itself in a tag. This precludes me from being able to use an ie.css sheet because the styling in the doc would overrule it, right? The website is www.cleantelligent.com/cleantelligent-pricing and cleantelligent.com/cleantelligent-pricing/custom-package/ Any idea how I can move those images over so they line