I have an overlib (tooltip) on one of my pages and it's in my tables. On one page, it works fine, but on the other page it doesn't work at all. (they are both inside tables).<br />
<br />
+++++++++++++++++++++++++++++++++++++++++++++<br />
=============================================<br />
EXAMPLE ONE: <br />
The FOLLOWING works fine (not second example though<br />
=============================================<br />
Directly following the < body> is:<br />
< script language="JavaScript" src=http://www.htmlforums.com/archive/index.php/"js2002/overlib.js"><br />
< !-- overLIB (c) Erik Bosrup --><br />
< !-- <!-- w --><a class="postlink" href="http://www.bosrup.com">www.bosrup.com</a><!-- w --> --><br />
< /script><br />
<br />
In the table, the corresponding tag is as follows:<br />
< table>< tr>< td><br />
< span class="boldtext">Graphics: < /span><br />
< span class="normaltext">$75/hr< !--pop-up--><br />
< a href=http://www.htmlforums.com/archive/index.php/"javascript:void(0);" onmouseover="return overlib('Our graphics are created by a Graphic Design Artist.');" onmouseout="return nd();">Details...< /a>< /span><br />
< /td>< /tr>< /table><br />
+++++++++++++++++++++++++++++++++++++++++++++<br />
<br />
+++++++++++++++++++++++++++++++++++++++++++++<br />
=============================================<br />
EXAMPLE TWO: <br />
The following DOES NOT<br />
=============================================<br />
Directly following the < body> tag. [Same as the first example.]<br />
< script language="JavaScript" src=http://www.htmlforums.com/archive/index.php/"js2002/overlib.js"><br />
< !-- overLIB (c) Erik Bosrup --><br />
< !-- <!-- w --><a class="postlink" href="http://www.bosrup.com">www.bosrup.com</a><!-- w --> --><br />
< /script><br />
<br />
Same situation as above--the following is in the body and is also in a table.<br />
< table>< tr>< td>< table>< tr>< td> [Inotherwords, buried one table deep.]<br />
< div class="labels"><br />
< input type="checkbox" name="488x88">No.1: 488 x 88<br />
< a href=http://www.htmlforums.com/archive/index.php/"javascript:void(0);" onmouseover="return overlib('Our graphics are created by a Graphic Design Artist.');" onmouseout="return nd();">Details...< /a><br />
< /div><br />
< /td>< /tr>< /table>< /td>< /tr>< /table><br />
++++++++++++++++++++++++++++++++++++++++++++++<br />
<br />
<br />
The only reason I can come up with is that it's buried beyond the first table. If this be the reason, how can I get around this? All suggestions welcome. I'm sorry I'm not displaying the URL, because we're not finsihed with the page yet.<br />
<br />
Thanks, BLS<br />
Where I got it from: <!-- m --><a class="postlink" href="http://www.bosrup.com/web/overlib/">http://www.bosrup.com/web/overlib/</a><!-- m --><!--content-->Just a suggestion but remove the block level element (i.e. te <DIV>'s). Tell me if it makes a difference.<!--content-->
<br />
+++++++++++++++++++++++++++++++++++++++++++++<br />
=============================================<br />
EXAMPLE ONE: <br />
The FOLLOWING works fine (not second example though<br />
=============================================<br />
Directly following the < body> is:<br />
< script language="JavaScript" src=http://www.htmlforums.com/archive/index.php/"js2002/overlib.js"><br />
< !-- overLIB (c) Erik Bosrup --><br />
< !-- <!-- w --><a class="postlink" href="http://www.bosrup.com">www.bosrup.com</a><!-- w --> --><br />
< /script><br />
<br />
In the table, the corresponding tag is as follows:<br />
< table>< tr>< td><br />
< span class="boldtext">Graphics: < /span><br />
< span class="normaltext">$75/hr< !--pop-up--><br />
< a href=http://www.htmlforums.com/archive/index.php/"javascript:void(0);" onmouseover="return overlib('Our graphics are created by a Graphic Design Artist.');" onmouseout="return nd();">Details...< /a>< /span><br />
< /td>< /tr>< /table><br />
+++++++++++++++++++++++++++++++++++++++++++++<br />
<br />
+++++++++++++++++++++++++++++++++++++++++++++<br />
=============================================<br />
EXAMPLE TWO: <br />
The following DOES NOT<br />
=============================================<br />
Directly following the < body> tag. [Same as the first example.]<br />
< script language="JavaScript" src=http://www.htmlforums.com/archive/index.php/"js2002/overlib.js"><br />
< !-- overLIB (c) Erik Bosrup --><br />
< !-- <!-- w --><a class="postlink" href="http://www.bosrup.com">www.bosrup.com</a><!-- w --> --><br />
< /script><br />
<br />
Same situation as above--the following is in the body and is also in a table.<br />
< table>< tr>< td>< table>< tr>< td> [Inotherwords, buried one table deep.]<br />
< div class="labels"><br />
< input type="checkbox" name="488x88">No.1: 488 x 88<br />
< a href=http://www.htmlforums.com/archive/index.php/"javascript:void(0);" onmouseover="return overlib('Our graphics are created by a Graphic Design Artist.');" onmouseout="return nd();">Details...< /a><br />
< /div><br />
< /td>< /tr>< /table>< /td>< /tr>< /table><br />
++++++++++++++++++++++++++++++++++++++++++++++<br />
<br />
<br />
The only reason I can come up with is that it's buried beyond the first table. If this be the reason, how can I get around this? All suggestions welcome. I'm sorry I'm not displaying the URL, because we're not finsihed with the page yet.<br />
<br />
Thanks, BLS<br />
Where I got it from: <!-- m --><a class="postlink" href="http://www.bosrup.com/web/overlib/">http://www.bosrup.com/web/overlib/</a><!-- m --><!--content-->Just a suggestion but remove the block level element (i.e. te <DIV>'s). Tell me if it makes a difference.<!--content-->