Mixing images and text in a table cell

[theskindiver]

Hi, I'm bedeviled by the problem of wanting to write an article with an image in it. What I need to do is have a table cell with an image positioned in the upper left hand corner and then have the text wrap around it. Up to now, I've had to make three cells, one for the image, one for the text to the right of the image and one below col=2 for rest of the text. But it's a mess and there's aways a gap in the text, etc.

Anyone have a solution to this? Many, MANY, thanks for any ideas...

[katarey]

Hi There,

well if I am understanding in right way so you have no need to put three cell you may use image align = left for require result here is the sample code :

<table width="50%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td style="padding:15px; text-align:justify;"><img src="images/img02.jpg" alt="image" width="294" height="402" align="left" style="padding:15px;" />
      <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut tincidunt.  Nam pellentesque nisi non sapien. Aliquam erat volutpat. Maecenas  lacinia, ligula sed euismod eleifend, justo purus viverra erat, quis  commodo velit massa a arcu. Ut pharetra adipiscing velit. Praesent et  augue. Phasellus laoreet ante eget orci consequat nonummy. Sed  malesuada ante eu mi. Nullam ac nibh. Curabitur ornare placerat nulla.  Sed tincidunt leo nec dui. Nam sollicitudin interdum elit. Donec  vulputate quam at mi. Donec convallis, nisi lobortis mattis  condimentum, dolor nunc cursus mi, ac aliquet nisl metus ultricies  nisi. Suspendisse potenti. Curabitur nisi. Suspendisse non enim.  Praesent augue nunc, suscipit ac, venenatis sit amet, pretium sed,  justo. Fusce ut augue ac enim sagittis semper. Vivamus sit amet nisl. </p>
      <p>Phasellus adipiscing. Curabitur faucibus pharetra nulla. Lorem ipsum  dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus. Nulla  lorem. Ut facilisis arcu ac dolor. Suspendisse potenti. In hac  habitasse platea dictumst. Aenean lacus. Aliquam lobortis lacus in  risus. Suspendisse faucibus lacus sit amet arcu. In odio tortor,  laoreet vitae, tincidunt et, varius sit amet, ipsum. </p>
      <p>Phasellus vitae pede sit amet leo viverra malesuada. Ut justo.  Suspendisse lacus. Duis posuere velit id ipsum. Etiam at neque a ligula  porta venenatis. Praesent auctor ultricies arcu. Aenean convallis  euismod felis. Suspendisse malesuada dictum turpis. Fusce eu lectus.  Quisque rhoncus. Mauris pharetra libero eu tortor. Donec sit amet diam.  Maecenas pellentesque, ante ultricies tristique dapibus, leo leo  sollicitudin lacus, non placerat mi lacus et sapien. Vestibulum ante  ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;  Sed quam quam, imperdiet sed, molestie ut, eleifend pretium, lacus. </p>
     
      </td>
  </tr>
</table>

I hope this will work for you
Rahul Dev

[theskindiver]

Hi, great, thanks so much. It worked fine...I guess I just expected it to be much harders, using CSS, etc...

THanks a lot, I really appreciate it.

Hi There,

well if I am understanding in right way so you have no need to put three cell you may use image align = left for require result here is the sample code :

<table width="50%" border="0" cellspacing="2" cellpadding="2">
  <tr>
    <td style="padding:15px; text-align:justify;"><img src="images/img02.jpg" alt="image" width="294" height="402" align="left" style="padding:15px;" />
      <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Ut tincidunt.  Nam pellentesque nisi non sapien. Aliquam erat volutpat. Maecenas  lacinia, ligula sed euismod eleifend, justo purus viverra erat, quis  commodo velit massa a arcu. Ut pharetra adipiscing velit. Praesent et  augue. Phasellus laoreet ante eget orci consequat nonummy. Sed  malesuada ante eu mi. Nullam ac nibh. Curabitur ornare placerat nulla.  Sed tincidunt leo nec dui. Nam sollicitudin interdum elit. Donec  vulputate quam at mi. Donec convallis, nisi lobortis mattis  condimentum, dolor nunc cursus mi, ac aliquet nisl metus ultricies  nisi. Suspendisse potenti. Curabitur nisi. Suspendisse non enim.  Praesent augue nunc, suscipit ac, venenatis sit amet, pretium sed,  justo. Fusce ut augue ac enim sagittis semper. Vivamus sit amet nisl. </p>
      <p>Phasellus adipiscing. Curabitur faucibus pharetra nulla. Lorem ipsum  dolor sit amet, consectetuer adipiscing elit. Suspendisse tempus. Nulla  lorem. Ut facilisis arcu ac dolor. Suspendisse potenti. In hac  habitasse platea dictumst. Aenean lacus. Aliquam lobortis lacus in  risus. Suspendisse faucibus lacus sit amet arcu. In odio tortor,  laoreet vitae, tincidunt et, varius sit amet, ipsum. </p>
      <p>Phasellus vitae pede sit amet leo viverra malesuada. Ut justo.  Suspendisse lacus. Duis posuere velit id ipsum. Etiam at neque a ligula  porta venenatis. Praesent auctor ultricies arcu. Aenean convallis  euismod felis. Suspendisse malesuada dictum turpis. Fusce eu lectus.  Quisque rhoncus. Mauris pharetra libero eu tortor. Donec sit amet diam.  Maecenas pellentesque, ante ultricies tristique dapibus, leo leo  sollicitudin lacus, non placerat mi lacus et sapien. Vestibulum ante  ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae;  Sed quam quam, imperdiet sed, molestie ut, eleifend pretium, lacus. </p>
     
      </td>
  </tr>
</table>

I hope this will work for you
Rahul Dev

[MidiMagic]

Why not just float the image to the left or the right as needed, and let the text wrap around it.