homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Pubcon Platinum Sponsor 2014
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

Dynamic Positioning of Element in a webpage

Msg#: 4450275 posted 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.



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

Msg#: 4450275 posted 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.


<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


Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved