Hi Mark,

If I understand, all you need to do is float the image. If the first paragraph does wrap the whole image, the next paragraph will continue wrapping.

Simple markup like this is all you should need.

<img style="float:right; margin:0 0 5px 15px" />
<p></p>
<p></p>
<p></p>

If I did understand your needs, this is the best solution.

Hope that helps.

Respectfully,
Mike Cherim
http://green-beast.com



----- Original Message ----- From: "Mark Stickley" <[EMAIL PROTECTED]>
To: <[email protected]>
Sent: Thursday, August 14, 2008 1:36 PM
Subject: [WSG] Wrapping multiple paragraphs around an image


Good evening folks,

Does anyone know a good method of wrapping the text of multiple paragraphs around a single (large) image? It's possible I'm having a brain malfunction but I can't think of a good way to do it. All I can come up with is:

1) Combine all paragraphs into one and separate with <br />, then simply float the <img /> within the <p>. This is horribly un-semantic and won't be used - don't worry! 2) Float the images outside the <p>s and make do with wrapping on a per-paragraph basis.

2 is not ideal as I'd like the text to wrap around the image on the next line after the bottom of the image. Does anyone know how to achieve this while maintaining standards, accessibility, semantics etc,?

Thanks!
Mark


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************





*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to