[thelist] Wrapping Images

Paola Kathuria paola at limitless.co.uk
Tue Mar 27 11:22:15 CST 2001


Jeana wrote:
> include an image to stretch the table so the photos don't overlap
> the text.

This shouldn't be neccessary if there isn't surrounding CSS
determining paragraph widths, etc.


By the way, it's invalid HTML to put " px" in image width
and height tags.  They expect an integer value in pixels.

<img src="../images/smltrans.gif" border="0" width="410 px"  height="1px">

should be:
<img src="../images/smltrans.gif" border="0" width="410"  height="1">


Finally, add hspace="5" (or more) in the photos' <img> tags to
put some horiz space between the photo and the text (although
hspace also adds the space to the right).  To have the space
just on the same side as the text, put the photo into a one-celled
table and have a fixed-width column on the side next to the text:

E.g., from
<img src="acapellachoir2.jpg" width=323 height=192 alt="" border="1" align="right">

to (typed in, not tested):

<table cellpadding="0" cellspacing="0" border="0" align="right">
<tr><td width="10"><img src="../images/smltrans.gif" width="10"  height="1" alt=""></td>
<td><img src="acapellachoir2.jpg" width="323" height="192" alt="" border="1"></td></tr>
</table>

I hope this helps,


Paola




More information about the thelist mailing list