View Full Version : Text flowing between columns

07-25-2011, 09:58 PM
Text flowing between columns

Hi all

This sounds obvious but I can't see how to do it or if it's even possible.
Is it possible to have text flow from one column to the next.

In this demo here I have two columns of text. If I was to add text to Column One how would it be possible to flow in Column Two.

untitled (http://www.ttmt.org.uk/forum/13_col/)

07-26-2011, 01:19 AM
The text does not flow from column one into column two, it is under the control of the programmer and he hard coded what was in each column. To do what you want would take some serious programming skills and in the end be a waste of time.

Lets just say it's design choice what the length of a column is and where the text breaks and flows into a separate column.

07-26-2011, 11:30 AM
You can use CSS3 to code for multi-column layouts (see the W3C Candidate Recommendation (http://www.w3.org/TR/css3-multicol/) and the CSS3.info page (http://www.css3.info/preview/multi-column-layout/), but it's not ready for prime time yet, without IE or Opera (possibly Konqueror too, but I don't run Linux, so I can't check) supporting the properties.

There's a Javascript multi-column file (http://www.csscripting.com/css-multi-column/) which allows you to use multi-column layouts, but I'd hesitate to use it as your layout will break if a user has Javascript turned off.

If you're not confident with HTML, CSS and Javascript, I'd have to agree with Sunfighter. Remember, a web page is not like a newspaper or magazine - it's easier for users to scroll down as they need to see more text, rather than make them scroll up and down to read multiple columns.

07-26-2011, 01:05 PM
Try with CSS3 multi-column feature. but it wont work in IE....

See http://www.w3schools.com/css3/css3_multiple_columns.asp for more detail