HOW-TO display a table in front of Image?

  • Thread starter Thread starter Hermit Dave
  • Start date Start date
Dear :
I have an image in a aspx page I need when user mouseover it to display HTML
Table with links.


Regards
 
Dear :
I did this
///
<div id="tableDIV" style="WIDTH: 50px; HEIGHT: 10px;visibility:hidden;position:absolute">
<div id="imgDIV" style="visibility:visible">
<img src="file:///C:\Documents and Settings\ran\My Documents\My Pictures\Sample.jpg" onmouseover="tableDIV.style.visibility='visible'" onmouseout="tableDIV.style.visibility='hidden'">
</div>
<table cellspacing="1" cellpadding="1" width="100" border="1">
<tr>
<td>
<asp:HyperLink id="HyperLink1" runat="server">HyperLink</asp:HyperLink></td>
</tr>
</table>
</div>

but the table appears under the image i need it to appear in-front of the image

Thanks
///
 
okay what you need to look up is dhtml popups or mouseover effects things like menus

use that sort of a code and i am sure it will work

cool popup effect (asp.net webcontrol - i have used it once and its fantastic)
http://www.codeproject.com/aspnet/asppopup.asp

http://www.codeproject.com/jscript/popup.asp

http://dynamicdrive.com/dynamicindex5/index.html

--

Regards,

Hermit Dave
(http://hdave.blogspot.com)
Dear :
I did this
///
<div id="tableDIV" style="WIDTH: 50px; HEIGHT: 10px;visibility:hidden;position:absolute">
<div id="imgDIV" style="visibility:visible">
<img src="file:///C:\Documents and Settings\ran\My Documents\My Pictures\Sample.jpg" onmouseover="tableDIV.style.visibility='visible'" onmouseout="tableDIV.style.visibility='hidden'">
</div>
<table cellspacing="1" cellpadding="1" width="100" border="1">
<tr>
<td>
<asp:HyperLink id="HyperLink1" runat="server">HyperLink</asp:HyperLink></td>
</tr>
</table>
</div>

but the table appears under the image i need it to appear in-front of the image

Thanks
///
 
Back
Top