- From: James Craig <james.craig@frogdesign.com>
- Date: Tue, 18 Apr 2006 14:00:39 -0500
- To: <www-style@w3.org>
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 UTC