barkster Posted October 31, 2008 Share Posted October 31, 2008 I'm trying to float a div to the right of my thumbnails for each cell with a margin of 150px left so that it is always to the right of the thumb. I want it relative to the table cell. I cannot figure how to make it work. Here is what I have. <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD align=middle> <DIV style="position:relative;"> <IMG src="Untitled Page_files/1971.jpg"/> <DIV id="div0" style="position:absolute; top:0;margin-left:150px;"> <IMG src="Untitled Page_files/1971.jpg"/> </DIV> </DIV> <BR>1971</TD> <TD align=middle> <DIV style="position:relative;"> <IMG src="Untitled Page_files/1971.jpg"/> <DIV id="div1" style="position:absolute; top:0;margin-left:150px;"> <IMG src="Untitled Page_files/1971.jpg"/> </DIV> </DIV> <BR>1971 </TD> </TR> </TBODY></TABLE> Link to comment https://forums.phpfreaks.com/topic/130825-float-div-to-right-of-image-in-table-cell/ Share on other sites More sharing options...
xtopolis Posted October 31, 2008 Share Posted October 31, 2008 What about something like this: <html> <head> <style type="text/css"> td { border: 1px solid black; padding: 5px; width: 315px; text-align: center; } div#thumb { float:left; width:150px; padding-right: 5px; } div#caption { float:left; width:150px; } br { clear: both; } </style> </head> <TABLE cellSpacing=0 cellPadding=0 border=0> <TBODY> <TR> <TD align=middle> <div id="thumb"><IMG src="Untitled Page_files/1971.jpg" width="50" height="50" /></div> <div id="caption"><IMG src="Untitled Page_files/1971.jpg" width="50" height="50" /></div> <br />1971 - Yours with mine </TD> <td> <div id="thumb"><img src="images/image.gif" alt="" width="150" height="150"></div> <div id="caption">Lorem ipsum dolor sit amet, consectetuer... Lorem ipsum dolor sit amet, consectetuer... Lorem ipsum dolor sit amet, consectetuer... Lorem ipsum dolor sit amet, consectetuer... Lorem ipsum dolor sit amet, consectetuer...</div> <br />Just mine </td> </TR> </TBODY></TABLE> </body> </html> Link to comment https://forums.phpfreaks.com/topic/130825-float-div-to-right-of-image-in-table-cell/#findComment-679011 Share on other sites More sharing options...
barkster Posted October 31, 2008 Author Share Posted October 31, 2008 thanks for the detailed response. I was hoping to be able to float it over the next cell that way it doesn't expand the current or even if it covered the existing thumb that would be fine I just don't want to have the table expand/contract... I may have to go about it a different way, maybe just a preview area instead. thanks! Link to comment https://forums.phpfreaks.com/topic/130825-float-div-to-right-of-image-in-table-cell/#findComment-679626 Share on other sites More sharing options...
xtopolis Posted October 31, 2008 Share Posted October 31, 2008 Without knowing what you are doing, I would suggest using javascript to show/hide a div either relative or absolutely positioned. Link to comment https://forums.phpfreaks.com/topic/130825-float-div-to-right-of-image-in-table-cell/#findComment-679698 Share on other sites More sharing options...
barkster Posted November 1, 2008 Author Share Posted November 1, 2008 Yeah thanks, I just moved my preview in a panel on the right of the table and manage visibility/content with javascript. Thanks! Link to comment https://forums.phpfreaks.com/topic/130825-float-div-to-right-of-image-in-table-cell/#findComment-679987 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.