Search code examples
javascriptjquerycsssimpletip

jQuery SimpleTip to generate tooltips over a table

I am using SimpleTip to generate a tooltip when the user hovers over a cell in a table. The tooltip shows, but it expands the size of the cell. How can I make it hover over the cell without changing its size?

Here's what I currently have: 

<html>
    <head>
        <script type="text/javascript" src="jquery.min.js"></script> 
        <script type="text/javascript" src="jquery.simpletip-1.3.1.js"></script> 
    </head>
    <body>
        <table border="1">
            <tr><td id="test">foobar</td></tr>
        </table>
        <script type="text/javascript">
            $("#test").simpletip({
               fixed: true,
               content: 'hello world!'
            });
        </script>
    </body>
</html>
Solution

  • I recommend you using qTip (the successor to Simpletip) and it works with your case

    Try this: http://jsfiddle.net/ynhat/PydCK/