PDA

View Full Version : Possible to have floating div over a table?



ghurty
09 Mar 2011, 06:04 PM
I have a floating div that is currently on the side of the page. Is it possible for me to have it floating over a table?

Thanks

<div id="content"><div class="center">

<div id="content-left">
<h1 style="margin-top:20px;">&nbsp;</h1>

<div style="visibility: visible; opacity: 0.8; position: absolute; display: block; top: 60px; right: 20px;" id="sidebar-menu">
<ul>
<li><a href="#pagetop" id="sidebar-menu-top" title="Top of Page" style="background: url(&quot;menu-up-arrow.png&quot;) no-repeat scroll center center transparent;">Top of Page</a></li>

</ul>
</div>


<table id="Table_01" width="800" height="1036" border="1" RULES=NONE FRAME=BOX cellpadding="0" cellspacing="0" align="center">
<tr>
<td>
<img src="images/raffle1.gif" width="800" height="188" alt=""></td>
</tr>
<tr>
<td>
<img src="images/raffle2.gif" width="800" height="234" alt=""></td>
</tr>
<tr>
<td>
<img src="images/raffle3.gif" width="800" height="61" alt=""></td>
</tr>
<tr>
<td>
<img src="images/raffle4.gif" width="800" height="257" alt=""></td>
</tr>
<tr>
<td>
<img src="images/raffle5.gif" width="800" height="253" alt=""></td>
</tr>
<tr>
<td>
<img src="images/raffle6.jpg" width="800" height="43" alt=""></td>
</tr>
</table>
<a name="pagebottom" id="pagebottom"></a>
</div>

</div>

knorthfield
10 Mar 2011, 03:07 AM
You could set the position: absolute; then set the location using left: x and top: y