W3C home > Mailing lists > Public > www-style@w3.org > April 2007

RE: [Fwd: Re: non-rectangular images & <img> tag]

From: Paul Nelson (ATC) <paulnel@winse.microsoft.com>
Date: Wed, 25 Apr 2007 06:09:22 -0700
Message-ID: <49C257E2C13F584790B2E302E021B6F913232B72@winse-msg-01.segroup.winse.corp.microsoft.com>
To: Bert Bos <bert@w3.org>, Undisclosed.Recipients <;>
CC: W3C CSS <www-style@w3.org>

Could an image map possibly be used to define the outline of the area to
flow around?

Paul

-----Original Message-----
From: www-style-request@w3.org [mailto:www-style-request@w3.org] On
Behalf Of Bert Bos
Sent: Wednesday, April 25, 2007 9:05 PM
To: Undisclosed.Recipients
Cc: W3C CSS
Subject: Re: [Fwd: Re: non-rectangular images & <img> tag]


Since a long time[3], there is a proposal for an extension to the 
'float' property to allow text that wraps around the real shape of an 
image. The CSS side is very simple, just one extra keyword, 'contour':

    IMG { float: left contour }

but on the implementation side, the work is more difficult. It requires 
finding the fully transparent parts of the image (on one side only[2]) 
and adjusting the length of each line box next to the image. If we want 
to take the image's 'margin-right' property into account, it's a little 
bit more complicated still.

The effect would be similar to Eric Meyer's "ragged float"[1], but 
easier.

So far, the demand hasn't been strong enough to outweigh the 
implementation cost.


[1] http://meyerweb.com/eric/css/edge/raggedfloat/demo.html

[2] For a left floating image, all (fully) transparent pixels that are 
connected by a horizontal line to the right edge of the image are 
subtracted from the image, for example:

    ...........................   # = non-transparent
    ++++++++++++#..............   + = transparent
    ++++++++++#####............   . = removed from image
    ++++++++#########..........
    ++++++#############........
    ++++++##+++##++++##........
    ++++++##+++##++++##........
    ++++++#######++++##........
    ++++++#######++++##........
    ...........................

[3] http://www.w3.org/TR/WD-css1-960726.html#float



Bert
-- 
  Bert Bos                                ( W 3 C ) http://www.w3.org/
  http://www.w3.org/people/bos                               W3C/ERCIM
  bert@w3.org                             2004 Rt des Lucioles / BP 93
  +33 (0)4 92 38 76 92            06902 Sophia Antipolis Cedex, France
Received on Wednesday, 25 April 2007 13:14:50 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Monday, 27 April 2009 13:54:50 GMT