homepage Welcome to WebmasterWorld Guest from 54.166.173.147
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderators: not2easy

CSS Forum

    
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>

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