How do you create a three column layout with CSS for a given set of text like a newspaper?
-
I want to take one column of text and present it as 3 columns like a magazine or newspaper with CSS. Another example is the multiple columns that word makes. I'd like the text to dynamically shift between columns as the window resizes
-
Answer:
There is a way of doing this easily in CSS3 using multi-columns. http://www.css3.info/preview/multi-column-layout/
Erin Sparling at Quora Visit the source
Other answers
css3 does offer multi-columns and masonry is dope, but the newspaper fx you seek can be found using media queries that alter styles as the viewport changes. its called "responsive design", you can read about it at ALA, http://stopdesign.com and http://adactio.com
J. Albert Bowden II
Check out jQuery Masonry for making newspaper like layouts (http://desandro.com/resources/jquery-masonry/). Its really handy and easy to use.
Shivaas Gulati
Related Q & A:
- How do I create a Cocoa Touch Framework?Best solution by stackoverflow.com
- How to dynamically create a PHP class name on the fly?Best solution by stackoverflow.com
- How can i create a mobile application server?Best solution by Stack Overflow
- How do you create a Two-Dimensional ArrayList?Best solution by Stack Overflow
- How do I create a digital signature and how do I use it?Best solution by support.office.com
Just Added Q & A:
- How many active mobile subscribers are there in China?Best solution by Quora
- How to find the right vacation?Best solution by bookit.com
- How To Make Your Own Primer?Best solution by thekrazycouponlady.com
- How do you get the domain & range?Best solution by ChaCha
- How do you open pop up blockers?Best solution by Yahoo! Answers
For every problem there is a solution! Proved by Solucija.
-
Got an issue and looking for advice?
-
Ask Solucija to search every corner of the Web for help.
-
Get workable solutions and helpful tips in a moment.
Just ask Solucija about an issue you face and immediately get a list of ready solutions, answers and tips from other Internet users. We always provide the most suitable and complete answer to your question at the top, along with a few good alternatives below.