Flowing text and graphics across multiple columns
Hi
Does anyone know a way of coding a page so that text flows itself through multiple columns, like in a 3 column newspaper? I don't want to specify when one column starts, and another starts, just a bunch of text and the width of the column (eg: 33% of the browser width).
Peter
Touchup image processing applet
Pixel Development Web Design, Photography
Busy posted this at 22:43 — 29th March 2003.
He has: 6,151 posts
Joined: May 2001
so you want the content to go in column one, then two, then three automaticly?
Using PHP/ASP I suppose you could do a character count, so after you hit say 1000 characters column two starts ... or maybe count the content first then divide it by three then display it ...
pmj7 posted this at 23:48 — 29th March 2003.
He has: 234 posts
Joined: Nov 2002
... of course you're assuming that I use a fixed width font. I was hoping there was a way of doing it with CSS.
Peter
Renegade posted this at 00:22 — 30th March 2003.
He has: 3,022 posts
Joined: Oct 2002
I don't think you can do that with CSS...I might be wrong though :S
Suzanne posted this at 01:01 — 30th March 2003.
She has: 5,507 posts
Joined: Feb 2000
There is rumour of columns in CSS-3. Not currently a reality. However, I hope it's only print.
dk01 posted this at 06:36 — 30th March 2003.
He has: 516 posts
Joined: Mar 2002
Could you use overflow: hidden; to have the stories be cut off and then use a floating div to the right hand side that says "Read More"? I am not sure how well this would work but its worth a try I'd say.
-dk
pmj7 posted this at 15:51 — 31st March 2003.
He has: 234 posts
Joined: Nov 2002
I'm working on a newsletter. Whether it's web or print based is not yet carved in stone. Two columns makes things look more interesting, but it would be a bit of a problem if you had to say when each column starts.
Peter
Touchup image processing applet
Pixel Development Web Design, Photography
Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.