image align

[Jeff Thies]

Seems like I always ask the simplest questions.

Very common, an image with text that flows around it on the right.

Several ways to do this:

1) image embeded at the beginning of a paragraph with the deprecated
align="left"

<p><img src="brainmaster2.jpg" width="200" align="left" alt="">copy here
copy here copy here copy here copy here copy here copy here copy here
copy here copy here copy here copy
</p>

2) image just before a paragraph, align="left"

<img src="brainmaster2.jpg" width="200" align="left" alt="">
<p>copy here copy here copy here copy here copy here copy here copy here
copy here copy here copy here copy here copy herecopy here copy herecopy
here copy herecopy here copy
</p>

3) image just before a paragraph

<img src="brainmaster2.jpg" width="200" style="float:left" alt="" >
<p>copy here copy here copy here copy here copy here copy here copy here
copy here copy here copy here copy here copy herecopy here copy herecopy
here copy herecopy here copy
</p>

Will those always render the same way? Caveats?

What is the suggested non deprecated way to do: align= top bottom middle
left right ?

I have a lot of html that looks like #1 that I'm thinking of moving to
#3 and replacing align left|right with float: left|right or no float.
Stop me if there's a reason not to do that.

Jeff

 

[Neal]

Seems like I always ask the simplest questions.

Very common, an image with text that flows around it on the right.

<snip>

3) image just before a paragraph

<img src="brainmaster2.jpg" width="200" style="float:left" alt="" >
<p>copy here copy here copy here copy here copy here copy here copy here
copy here copy here copy here copy here copy herecopy here copy herecopy
here copy herecopy here copy
</p>

That's basically it.

 

[Sid Ismail]

: Very common, an image with text that flows around it on the right.
:
: Several ways to do this:
:
: 1) image embeded at the beginning of a paragraph with the deprecated
: align="left"
:
: <p><img src="brainmaster2.jpg" width="200" align="left" alt="">copy here
: copy here copy here copy here copy here copy here copy here copy here
: copy here copy here copy here copy
: </p>


To could also add hspace and vspace to create some whitespace around the
img, else the text will be too close to the image.

Sid