Preparing CSS3 multiple-column layout


show more Preparing CSS3 multiple-column layout provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Typography with CSS in Dreamweaver show less
please wait ...

Preparing CSS3 multiple-column layout

One of the key advantages print designers have held over their web counterparts is the ability to easily lay out text in multiple columns. If you ever worked in a layout program like Adobe InDesign, you know how simple it is to flow text from one frame to another. Now thanks to CSS3 web designers can quickly set up any number of columns in their web pages and the text will flow just as easily and automatically. To show you how this looks, take a look at the page here and this is done without multicolumns, but now if I switch to the final completed page, here you can see the two columns side by side, and this is done with one simple CSS rule.

So let me show you how that works. The first thing I want to do is place these two columns in a single div and to do that, I'm going to go ahead and switch out of Live View and then go down to where the Tour vouchers start. The first step is to wrap the two paragraphs, Tour vouchers and Trip planning, into a single div. So I'm going to go into ...

Preparing CSS3 multiple-column layout
Video duration: 4m 50s 2h 30m Intermediate

Viewers:

Preparing CSS3 multiple-column layout provides you with in-depth training on Web. Taught by Joseph Lowery as part of the Typography with CSS in Dreamweaver

Subject:
Web
Software:
Dreamweaver
Author:
please wait ...