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

Re: Text Flow (How about pseudo elements?)

From: James Craig <james.craig@frogdesign.com>
Date: Tue, 18 Apr 2006 14:00:39 -0500
To: <www-style@w3.org>
Message-ID: <C06AA187.1BC6%james.craig@frogdesign.com>

Daniel Todd Currie wrote:

> Quite frequently (on nearly every page I make), I wish that I could
> make text flow from one div to another...

I made a similar request in 2003. I'd still like to see it implemented as it
would be much more extensible than the current limiting to just columns.
<http://lists.w3.org/Archives/Public/www-style/2003Jul/0006.html>

Here's another explanation:
<http://cookiecrook.com/2003/08/#cc106075219435449072>

Basically, instead of linking a non-semantic element, it uses a
pseudo-element to generate the additional layout boxes as needed. For
example, if you want text to flow from box 1 to box 2 to box 3:

START ASCII

                  ----------------------
                  |                    |
                  |          1         |
                  |                    |
----------------------------------------
|                 |
|        2        |
|                 |
----------------------------------------
|                                      |
|                  3                   |
|                                      |
----------------------------------------

END ASCII


HTML:

<div class="example">...</div>.


CSS:

.example {
  display: block;
  margin: 0 0 0 auto;
  width: 50%;
  height: 3.6em;
  overflow: visible;
}
.example::flow(1) {
  display: block;
  margin: 0;
  width: 50%;
  height: 3.6em;
}
.example::flow(2) {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
}


Thoughts?

-- 
James Craig
Senior Design Technologist
frog design, inc.
Received on Tuesday, 18 April 2006 19:00:52 GMT

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