HTML Help

[Koriaku]

How DO You Put A Picture Then Put Text To The Right Of It?

 

[Imakuni?]

You would do it with a table

 

[Koriaku]

Okay, Thank You! Imakuni?

 

[Imakuni?]

Okay, Thank You! Imakuni?

heres the code:

<table width="800" border="1">
  <tr>
    <td><img src="url_to_your%20image" alt="your_image!!!" width="100%" height="100%"></td>
    <td align="left" valign="top">your_text_here!</td>
  </tr>
</table>

 

[Geometric-sama]

Using CSS, you can float the image to the left (float: left) and that will automatically bank it to the left with the text wrapping too.

 

[pokejungle]

<img src="IMG URL" alt="" align="left">Text...blahblahblahblah...and so on and so forth.  Pretty simple, and much easier than the two other suggested ways.  The important part is the align left section, basically telling the browser that the picture should be displayed to the left, and anything else can take up the remaining space to the right.  In this case, the text ^0^

 

[Geometric-sama]

I still like CSS better, it means that you can do the whole thing with CSS...

<img src="whatever.jpg" style="float:left" alt="my pic">text text text :)

 

[pokejungle]

That works too, but just be warned that all browsers don't have full CSS support at this time =/

 

[Geometric-sama]

Most of the current ones do >_> And I haven't come across one that doesn't support the float property in a few years :)

 

[BlankVoid]

using align on <img> tends to be more messier, though when i try these, i always avoid tables and CSS. though I think Imakuni's method is probably the best

 

[Rukario]

float is the CORRECT way to do it.. (it's valid in 4.00 +) though if you not looking for new standards compliance (you should be..) the align is acceptable. both work the same.

a table in this use is just poor coding and wastes space and bandwidth.

 

[pokejungle]

Most of the current ones do >_> And I haven't come across one that doesn't support the float property in a few years :)

Good *phew*

I keep on hearing about how CSS is risky because browsers don't always support it >.<;