View Full Version : Spry Tabbed Panels With ToolTip

10-11-2009, 06:34 AM

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" />
<table width="980" border="0" cellspacing="0" cellpadding="0">
<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>
<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 class="TabbedPanelsContent">Content 2</div>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");

Thank you

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

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