W3C home > Mailing lists > Public > public-digipub-ig@w3.org > December 2013

Re: request for DPUB IG review of css-shapes-1

From: Alan Stearns <stearns@adobe.com>
Date: Mon, 9 Dec 2013 09:50:44 -0800
To: Robert Sanderson <azaroth42@gmail.com>
CC: "public-digipub-ig@w3.org" <public-digipub-ig@w3.org>
Message-ID: <CECB404A.34BBA%stearns@adobe.com>
On 12/9/13, 9:24 AM, "Robert Sanderson" <azaroth42@gmail.com> wrote:
>Ahh :) Did I just miss that exclusions allow it, or would it be
>worthwhile putting it explicitly into the document?  That response made
>things much clearer in my mind at least.

Exclusions are mentioned in a few places, but I can add a note to that

>And for my own edification... if you float:left an element with a
>border-radius (say to make it a circle) and float:right a circle with
>height=100% within that element, then explicitly set the width of the
>element you would end up with two columns of text
> with a circular hole in the middle of the two columns?

Yes, text in the left float would wrap around the left edge of the right
float, and text outside the left float would wrap around the right edge of
the left float. I believe you would have to set an explicit height for the
left float in this example in order to use a percentage height for the
right float.

>And on the left edge it would be straight, as it's wrapping outside not
>inside.  So in the attached, the blue box is the containing element for
>the right column of text and the left floated green box.  The green box
>has border radius set (and could avoid
> the left justification by only setting the radius on the right border)
>but contains the red circle shape which is floated right.

On the left edge it would be straight, but it would be on the left edge of
the left float’s content box. So in your image the text would overlap with
the green border curve on the left (border-radius does not affect wrapping
behavior). You could add another left float inside the left float to move
the content over to match your image. Or in the future you could use
shape-inside, but that’s in level 2 of CSS Shapes.



Received on Monday, 9 December 2013 17:51:19 UTC

This archive was generated by hypermail 2.3.1 : Tuesday, 25 April 2017 10:44:18 UTC