HTML Page in 4 Sections

Left Column

Here are some references about cascading style sheets.

World Wide Web Consortium (W3C), CSS Tutorial:Starting with HTML + CSS
Dave Raggett and the W3C, Adding a touch of style,
Hakon Wium Lie and Bert Bos, Cascading Style Sheets, designing for the Web, Chapter 2, Second Edition

The style sheet contains the specification float: left. For details, see the specification from the World Wide Web Consortium (W3C)

The style sheet also contains the specification clear: left, described by this W3C specification

parameter a: 1
parameter c: 3
var1 in printRight:
var2 in printRight:
var3 in printRight:
changing a, c, var2
parameter a: 11
parameter c: 12
var1 in printRight:
var2 in printRight: 50
var3 in printRight:

global var1: 1
global var2: 2
global var3: 3

Right Column

The material placed within this <div> tag is located in the right column. Parameters in the style sheet yield the following specifications:

text-align: left — the text throughout this section is left justified
background: #AAAAFF; — the background color for this section has RGB values: Red (AA), Green (AA), Blue (FF)
color: black; — the color of the font will be black
margin-left: 32%; — the left part of the overall column is indented 32% of the page
margin-top: 4%; — the top margin of this section comes down 4% of the page from the previous section
margin-bottom: 4%; — a gap of 4% of the page follows this column before the next section
padding: 1em; — indent this amount from the sides, top and bottom when laying out text
width: 62%; — this column will take up 62% of the width of the page

parameter b: 2
parameter c: 3
var1 in printRight:
var2 in printRight:
var3 in printRight:
changing b, c, var1
parameter b: 21
parameter c: 22
var1 in printRight: 30
var2 in printRight:
var3 in printRight:

global var1: 1
global var2: 2
global var3: 3

CSC 499 / CSC 397	Grinnell College	Fall, 2009

Tuesday, 9:00-9:50 Thursday, 3:15-4:05	Software Development Team