A.Webb A.Webb - 3 months ago 6
HTML Question

With pure HTML (no CSS) how do I have an image under text and an image to float right next to the text/image

My title kind of says it all really. I need to have text (left aligned) with an image underneath and an image to the right in html only (can't use CSS).

I'm a hesitant to share what I've done because you'll probably laugh but here is what I have (I'm not a developer, so bear with me).

View here

Answer

i have to guess what you want. but either way, the best way to do this is with tables . so here are some solutions

  1. if you can write inline and if you want the image to the right, to be to the right of both text and image under it.

<table>
<tr>
  <td style="padding-left:10px;">TEXT HERE<br />
  TEXT HERE<br />
  TEXT HERE</td>
  <td rowspan="2" style="vertical-align:top"><img src="http://placehold.it/350x150"></td>
</tr>
<tr>
<td><img src="http://placehold.it/250x150"></td>
</tr>
</table>

  1. if you cant write inline and if you want the image to the right, to be to the right of the text only ( you can move it on the next row if you want it to be on the right of the other image )

<table>
<tr>
  <td>TEXT HERE<br />
  TEXT HERE<br />
  TEXT HERE</td>
  <td><img src="http://placehold.it/350x150"></td>
</tr>
<tr>
<td><img src="http://placehold.it/250x150"></td>
</tr>
</table>

let me know if one of these is what you actually want

Comments