how to display images in one cell of tables

Forum Moderators: not2easy

Message Too Old, No Replies

how to display images in one cell of tables

qwert

10:23 am on Mar 29, 2006 (gmt 0)

Hello;
i'd like to ask you how to display many images(for example 50 images of different sizes) in one cell of a table, and they align from the top left to bottom.

Thanks


<body> 
   <TABLE border width=100% >
<TR>
<TD Rowspan=2 width=15% > <img src="test.jpg"> </TD><TD ROWSPAN=2 valign=top> 
     
     <table border width=10%>
      <TR> 
       <TD Colspan=2> <img src="blue.jpg"> </TD>
       <TD Colspan=2> item1 </TD>
      </TR>
     </table>
   
     <table border width=10%>
      <TR> 
       <TD Colspan=2> <img src="blue.jpg"> </TD>
       <TD Colspan=2> item1 </TD>
      </TR>
     </table>
     <table border width=10%>
      <TR> 
       <TD Colspan=2> <img src="blue.jpg"> </TD>
       <TD Colspan=2> item1 </TD>
      </TR>
     </table>
    
     
    </TD>
<TD Rowspan=2 width=15%> <img src="tree.jpg"> </TD> 
</TR>
 </TABLE>  </body>

DrDoc

5:31 pm on Mar 29, 2006 (gmt 0)

Welcome to WebmasterWorld! [WebmasterWorld.com]

td img {
vertical-align: bottom;
}

qwert

10:04 pm on Mar 29, 2006 (gmt 0)

Your result will give me like as following, but that is not what i want.
assume image=i, and they are in different size.
i
i
i
i
i
i
i
i
i

i want the images like as following.
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii
iiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

i tried to use margin and float and relative, but they do not work for me.

DrDoc

10:32 pm on Mar 29, 2006 (gmt 0)

Then float the table which contains the image ... Simply apply

float: left

and they'll line up and wrap when needed.