[WSG] Wrapping multiple paragraphs around an image

2008-08-14 Thread Mark Stickley

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 ps 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]
***



Re: [WSG] Wrapping multiple paragraphs around an image

2008-08-14 Thread Kim Kruse

How about just floating the image and add some margin to the float.

Kim



***
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]
***



Re: [WSG] Wrapping multiple paragraphs around an image

2008-08-14 Thread Mark Stickley
...rather embarrassingly option 2 seems to work as I'd hoped it would  
and not as I expected it to. So I suppose that raises the question:


What's the best way to NOT wrap text around an image but maintaining a  
fluid layout (so you can't fix the width of the ps)?


I guess you could put all the text into a div but surely there's a  
better way without the extra markup...


Mark


On 14 Aug 2008, at 18:36, Mark Stickley wrote:


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 ps 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]
***