| Dynamic Positioning of Element in a webpage
|
sivarm4u
msg:4450277 | 9:12 am on May 7, 2012 (gmt 0) |
Hi All,
I have some doubts about positioning of an element in the web page.
The example goes like this:
I have a table of 20 rows 3 columns.
In the third column of some rows(3rd, 10th, 18th for example) an icon is appearing. On hovering over the icon I have to show a dialog DIV which contains little more detailed information of that respective row.
So to accomplish this, how shall I find out the dynamic positioning of that icon in different rows of the table and then hovering over the icon I should be able to dynamically position the DIV container just beside the icon.
Please help.
Thank you all in advance.
Siva.
|
rocknbil
msg:4450953 | 5:33 pm on May 8, 2012 (gmt 0) |
Like this. Don't dynamically position it, position it inside a container that also contains the icon. You can probably use the td itself.
<td>
<a href="more-info.html"><img src="icon.jpg" alt="more info"></a>
<div id="my-more-info" style="display:none;">
there you go, this is
your show/hide
</div>
</td>
|
|
|
