Stylesheets - Text flow around an image

Author

Text flow around an image

Macsicarr

2004-11-30, 11:16 pm

Hi All

Wonder if you could help me.

I have created a CMS system that allows the user to enter text and pic
'tags' for their own About us page, eg

text.... text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text....
text.... text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text....
text.... text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text....
text.... text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text....

[PIC1]

text.... text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text....
text.... text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text....
text.... text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text....
text.... text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text....

[PIC2]

and so on.

This text info is stored in a DB and when I retrieve the text to display on
their web page I sub (using Replace) the [PIC..} tags for the pics that they
have uploaded. This works fine apart from the user wants to have the
following formatting:

text.... text.... text.... text.... text.... text....
text.... text.... text.... text.... text.... text....
[PIC1] text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text.... text....
text.... text.... text.... text.... text.... text....
text.... text.... text.... text.... text.... text....

text.... text.... text.... text.... text.... text....
text.... text.... text.... text.... text.... text....
[PIC2] text.... text.... text.... text.... text.... text.... text....
text.... text.... text.... text.... text....
text.... text.... text.... text.... text.... text....
text.... text.... text.... text.... text.... text....

Because I don't know where they are going to place these tags because they
do it all from a standard TEXTAREA box, do you know of any way I can get the
images or text to create this effect?

At present, the text appears either above or below the images and this isn't
any good.

Thanks Mac

Andrew Thompson

2004-11-30, 11:16 pm

On Sun, 28 Nov 2004 17:48:25 -0000, Macsicarr wrote:

<head>
....
<style type='text/css'>
imageBox {
float: left;
clear: left;
}
</style>
</head>
<body>
....

> text.... text.... text.... text.... text.... text....

<div class='imageBox'>

> [PIC2]

</div>

>...text.... text.... text.... text.... text.... text.... text....
> text.... text.... text.... text.... text....

...should do the trick.

HTH

--
Andrew Thompson
http://www.PhySci.org/codes/ Web & IT Help
http://www.PhySci.org/ Open-source software suite
http://www.1point1C.org/ Science & Technology
http://www.LensEscapes.com/ Images that escape the mundane