« Macs creating files with "._" prefix on servers? | Main | Great CSS Cheatsheet. »

Layout Gala: 40 simple 3-column CSS layouts.

3columns-CSS.gifOne of the classic questions every designer asks while learning how to design web pages using CSS: "How do I create multi-column layouts?"

Alessandro Fulciniti's Layout Gala is a great place for hands-on learners to start. You'll find 40 variations on a simple 3-column layout, each with valid CSS and HTML. Download a couple files and poke around using Dreamweaver to start getting a handle on how to build pages using CSS.

Like This Tip? Make sure you don't miss the new tips coming next week:

Weekly Email Tips — or — RSS Feed (What's RSS?)

In addition to the Layout Gala examples, we've provided links to a couple deeper CSS tutorials:

Postition is Everything: In search of the One True Layout

A List Apart: In Search of the Holy Grail

Source: This tip inspired by an upcoming class at Seattle's School of Visual Concepts: Cascading Style Sheets in a Day led by Brent LaMotte, interactive development manager with Horton Lantz & Low.

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)

Categories

Recent Tips

Powered by
Movable Type 3.2