Do you have any css code behind that? If not I think giving the text a float: left; property might fix your problem.

Stomme_poes
—
2010-02-12T21:13:32Z —
#3

Hi paul,

your problem is interesting and it is not easy. The reason it's not easy is because if I were to try to duplicate that, I'd have to insert the image after "vestibulum erat" and then float it right to get the rest of the text to wrap at the correct spot. And that's a brittle way of doing it, since anyone having a slightly larger or smaller font size means the wrapping won't look right.

Hmm... I'm almost thinking this is something someone would do in one of the CSS quizzes. You're trying to imitate print, and this is something CSS sometimes gets really clunky with.

paul_sideradesig
—
2010-02-12T21:35:36Z —
#4

thanks for your quick answers!

I tried floating the text but it doesn't help.I'm going to look into the new CSS3 layouts, maybe that will help

Stomme_poes
—
2010-02-12T21:44:58Z —
#5

No, don't float the text, float the image.

There might be something for this specifically in CSS3 (I'm thinking about how they've started implementing "columns" in the way a newspaper does) but even if there is something, it may only be implemented in a single browser. CSS3 is coming out in "modules" and even after that, you've got to wait for browser support... unless you're writing for a single browser (like an iPhone app or an intranet).

paul_sideradesig
—
2010-02-12T22:38:16Z —
#6

Actually I just found out how to do it!I found this article:http://www.alistapart.com/articles/crosscolumn/so I put the image inside a span, in the middle of the first paragraph with a negative margin and I get the desired result.

RyanReese
—
2010-02-12T22:44:36Z —
#7

This currently isn't possible what you are trying to achieve, unless you do something like slantastic (Eric meyers site for details)

CSS3 doesn't have something for this (even if there is some module I haven't heard about, support would be miniscule :))

I was about to post that sandbag technique but i can't understand it myself lol. Never got it to work...

paul_sideradesig
—
2010-02-12T23:14:01Z —
#10

Luki_be said:

I was about to post that sandbag technique but i can't understand it myself lol. Never got it to work...

It's OK, the technique I found at A list apart works for me.

Hey I'm also from Belgium living in Brazil!

Black_Max
—
2010-02-13T00:30:58Z —
#11

Paul, the ALA technique is tricksy. I like it, but...

Luki_be
—
2010-02-13T01:51:12Z —
#12

paul_sideradesig said:

It's OK, the technique I found at A list apart works for me.

Hey I'm also from Belgium living in Brazil!

PM'd you

Rayzur
—
2010-02-13T01:58:18Z —
#13

paul_sideradesig said:

Actually I just found out how to do it!I found this article:http://www.alistapart.com/articles/crosscolumn/

Hi,I do remember reading that article some time ago. That technique does produce a nice result when used along with two floated columns as they show in Example 4.

However, if you are just wanting two separate paragraphs to wrap around the image in a single column setup then I see no reason why a Single Sandbag Float would not work for you.

As you can see it has no problem stopping one paragraph midway down the float and starting the next one. If the height of the sandbag float was to be set in ems then the floated image would stay proportionally positioned with the text.

Luki_be
—
2010-02-13T02:10:32Z —
#14

Rayzur said:

Hi,I do remember reading that article some time ago. That technique does produce a nice result when used along with two floated columns as they show in Example 4.

However, if you are just wanting two separate paragraphs to wrap around the image in a single column setup then I see no reason why a Single Sandbag Float would not work for you.

As you can see it has no problem stopping one paragraph midway down the float and starting the next one. If the height of the sandbag float was to be set in ems then the floated image would stay proportionally positioned with the text.

Ray, any chance to let that demo online a few days? I'd like to study it because i never could get that sandbag technique to work properly...

Rayzur
—
2010-02-13T02:55:58Z —
#15

Luki_be said:

Ray, any chance to let that demo online a few days? I'd like to study it because i never could get that sandbag technique to work properly...

That one has been there a long time Luki. I have some more in a "Sandbag" section of my demos. (link in sig)

Rayzur said:

If the height of the sandbag float was to be set in ems then the floated image would stay proportionally positioned with the text.

Here is one I just put together that uses all ems for sizing and two paragraphs of equal text amounts. (probably would not happen in a real world case)

It seems to hold together very well with "zoom" and "zoom text only" (FF)