Welcome to WebmasterWorld Guest from

Forum Moderators: not2easy

Message Too Old, No Replies

Dynamic Positioning of Element in a webpage

9:12 am on May 7, 2012 (gmt 0)

New User

joined:Sept 21, 2011
posts: 10
votes: 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.
5:33 pm on May 8, 2012 (gmt 0)

Senior Member

WebmasterWorld Senior Member rocknbil is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Nov 28, 2004
votes: 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.


<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