Accessibility
Stephanie Sullivan

Stephanie Sullivan

W3Conversions

Table of Contents

  1. Introduction
  2. Starting at the end
  3. Adding the third column
  4. Enter faux columns
  5. Smoothing out the footer
  6. Careful not to blow it up!
  7. More faux image techniques
  8. If you need to hack IE
  9. Commenting for clarity
Created:
9 March 2009
User Level:
Intermediate
Products:
Dreamweaver

Creating a simple three-column design

In Tableless layout with Dreamweaver CS4, I discussed a variety time-saving features in Dreamweaver that help you develop your websites more efficiently. I also showed you how to create a floated two-column layout similar to the CSS layouts contained in the Dreamweaver New dialog box. For reasons of practicality, I'll start this article with that two-column layout, change it to three columns, and look at some simple techniques that can make your site more attractive.

Note: If you haven't read Tableless layout with Dreamweaver CS4 yet, but have a good basic understanding already, you can download the final XHTML and CSS documents from that article (ZIP, 4K).

Requirements

To complete this tutorial you will need to install the following software and files:

Dreamweaver CS4

Sample files:

Prerequisite knowledge

Basic familiarity with the Dreamweaver workspace, building HTML pages, and site management in Dreamweaver, as well as CSS terminology and practice. If you want to follow along from scratch, you may want to start with the tutorial, Tableless layouts with Dreamweaver CS4.

Creative Commons License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License

Page 1 of 9
Next Page

About the author

In demand by top U.S. firms, Stephanie Sullivan is a world-class web standards, Dreamweaver, and accessibility expert whose razor-sharp CSS and (X)HTML skills make her company, W3Conversions, a peerless authority for training corporate web teams and transforming in-house designs into efficient, standards-based websites. Sullivan created the CSS layouts for Dreamweaver CS3 and is coauthor of the respected project-based book Mastering CSS with Dreamweaver CS3 and Mastering CSS with Dreamweaver CS4. She's co-leader of the influential Web Standards Project Adobe Task Force, a partner at Community MX, and a speaker who engages audiences around the world with her dynamic presentations. When she's not coding or talking to the little people inside her computer, she escapes to play squash or beach volleyball. Yes, she loves 80s Wave music.