Tip not showing with table
July 30, 2008 - 4:39pm — Wing
| Project: | clueTip - flexible, enhanced tooltip |
| Version: | 0.9.8 |
| Component: | Code |
| Category: | bug report |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | active |
Jump to:
Description
The tooltip is not showing with the following table layout when the mouse is hovered over either the word "over" or "game". It seems posX <= 0 if it means anything.
<html>
<head>
<script language='javascript' src='javascript/jquery.js'></script>
<script language="javascript"src="javascript/jquery.cluetip.js"></script>
<script language="javascript"src="javascript/jquery.bgiframe.js"></script>
<script language="javascript"src="javascript/jquery.dimensions.js"></script>
<link rel="stylesheet" href="css/jquery.cluetip.css" type="text/css" />
<style type="text/css">
.c2 {FONT-WEIGHT: bold;font-size:9pt;}
.topic_title { font-size:10px; font-family:Verdana;text-decoration:none;font-weight:bold;}
.hidden { visibility:hidden; display:none; }
</style>
<script language="javascript">
$(document).ready(function() {
$('a[@rel]').cluetip({local:true, arrows: true, cluetipClass: 'jtip', cursor: 'pointer', width: 350, showTitle: false});
});
</script>
</head>
<body onLoad="window.resizeTo(850,450);">
<form name="queryform">
<table>
<tr>
<td colspan='3"'> </td>
</tr>
<tr>
<td colspan='3"'> </td>
</tr>
<tr>
<td colspan='3"'> </td>
</tr>
<tr>
<td colspan='3"'> </td>
</tr>
<tr>
<td colspan='3"'> </td>
</tr>
<tr>
<td colspan='3"'> </td>
</tr>
<tr>
<td colspan='3"'> </td>
</tr>
<tr>
<td colspan='3"'> </td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%" class="c2" align="left" valign="top" id="td282"><a class="topic_title" href="javascript: void 0" rel="#i282">Nintendo sues 5 Japan firms over game equipment</a><span id="i282" class="hidden"><img style="float: left; position: relative" height="105" width="105" border="0" src="images/cluetip/bl.gif">TOKYO (Reuters) - Japan's Nintendo Co Ltd (7974.OS) said on Tuesday it had filed a lawsuit against five Japanese firms for importing and selling equipment that enables illegal game programs to be played on Nintendo's popular DS portable video game player. Nintendo said it filed the lawsuit earlier in the day at the Tokyo District Court together with 54 other Japanese software makers.</span></td>
<td width="33%"></td>
</tr>
</table>
</form>
</body>
</html>
Comments
#1
Hi Wing,
I'm closing this issue for the following reasons:
1. unable to reproduce (see http://plugins.learningjquery.com/cluetip/demo/tablebug.html)
2. Sample HTML renders layout in quirks mode (no doctype or system identifier)
3. Sample HTML has validation errors.
#2
IE doesn't show at all; FF flashes endlessly. I had
&#160; in the original table cells. Anyway, if you would change the table to the following, you'd see the problem:<table><tr>
<td colspan='3'>1</td>
</tr>
<tr>
<td colspan='3'>2</td>
</tr>
<tr>
<td colspan='3'>3</td>
</tr>
<tr>
<td colspan='3'>4</td>
</tr>
<tr>
<td colspan='3'>5</td>
</tr>
<tr>
<td colspan='3'>6</td>
</tr>
<tr>
<td colspan='3'>7</td>
</tr>
<tr>
<td colspan='3'>8</td>
</tr>
<tr>
<td width="33%"></td>
<td width="33%" class="c2" align="left" valign="top" id="td282"><a class="topic_title" href="javascript: void 0" rel="#i282">Nintendo sues 5 Japan firms over game equipment</a><span id="i282" class="hidden"><img style="float: left; position: relative" height="105" width="105" border="0" src="cross.png">TOKYO (Reuters) - Japan's Nintendo Co Ltd (7974.OS) said on Tuesday it had filed a lawsuit against five Japanese firms for importing and selling equipment that enables illegal game programs to be played on Nintendo's popular DS portable video game player. Nintendo said it filed the lawsuit earlier in the day at the Tokyo District Court together with 54 other Japanese software makers.</span></td>
<td width="33%"></td>
</tr>
</table>
#3
Forgot to re-activate it.