[thelist] Wrapping Images

Michele Foster michele at wordpro.on.ca
Mon Mar 26 18:20:29 CST 2001


Jeana,

I'm no expert by any means, but I think  your problem is your <div> style
before the <p> tags.   Here's the first one,

<div style="height:192px;margin-top:20px;margin-bottom:20px;">

I would think the height is what is causing the problem.

If it were me, I'd save myself the headache and use simple tables instead of
divs. In your case, put each text block and image within a table cell.
Using the <img align="right"> allows the text to flow freely around the
image.  You can even add hspace and vspace to the image tag to give the
image some padding.

There are a lot of inline styles on that page.  The problem may actually be
something else entirely than what I suspect.  I would suggest simplifying
the page and code.  Forcing something to be "exact" never works in the
web-world; far too many variables.

Hope this helps,

Michele

P.S.  This is on topic, no reason to take it off-list.


----- Original Message -----
From: "Jeana" <kumquat at sckans.edu>

|
| That's exactly what I have.
| http://www.sckans.edu/~jclark/music/performance/vocal.html
|
| <p><img src="acapellachoir2.jpg" width="323" height="192" alt="choir"
| border="1" align="right" />Text</p>
|
| when you make the browser window smaller, (since I'm using percentages
| here and not fixed width)  when everything moves, the photo moves over the
| text.  (sorry for the multiple posts about this today.. i'll take this off
| the list after this msg..)
|
| -j
|
| On Mon, 26 Mar 2001, T.Abbey wrote:
|
| > <p><img src=image.gif" align= "right">text, text and more text.</p>
| >
|






More information about the thelist mailing list