PDA

View Full Version : Spry Tabbed Panels With ToolTip


chrissia7890
10-11-2009, 06:34 AM
Hi,

I am working on a Spry Tabbed panels with tooltip in the tabbed panel. current situation i have is when the mouse over the word. The picture is outside of the sry tabbed panel. How can i make it such a way that the tooltip picture is in the spry tabbed panel.

<title>Untitled Document</title>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="fix_position_tooltip.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="980" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>&nbsp;</td>
</tr>
<tr>
<td><div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0">Testing of tool tip in Tab bar</li>
<li class="TabbedPanelsTab" tabindex="0">Tab 2</li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">
<p><a class=info href="#">Content 1<span><img src="Photo/gundam/berserker_gundam_online_by_nahumreigh.jpg" width="242" height="240" alt="gundam" /></span></a></p>
<p><a class=info href="#">Content 3<span><img src="Photo/gundam/blitz.jpg" width="320" height="240" alt="blitz" /></span></a></p>
</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div></td>
</tr>
<tr>
<td>&nbsp;</td>
</tr>
</table>
<script type="text/javascript">
<!--
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
//-->
</script>
</body>
</html>


Thank you

chrissia7890
10-13-2009, 03:47 AM
Hi All,

Anyone have sugestion to my problem. Please help. Thank you.