Columns are helpful when you need to divide a page into separate sections. In order to create columns on a page, you must become familiar with the following html terminology and code.
Terminology
Column Width
Definition
Begin a column by assigning a designated width represented by a percentage.
Code
[column width="—%"]
End the current column and begin the next one.
Padding
Creates space between columns and is represented with a percentage. Combined with column width code, separated by a space.
[padding="—%"]
End Columns
Ends use of columns completely. Allows you to resume regular template, or begin a separate set of columns.
[end_columns]
The following code produces the subsequent columns:
[column width="30%" padding=5%"]
Name
Tuki Sathaye
Jackie Stork
Donna Reynertson
Nancy McCabe
[/column]
[column width="30%" padding="5%"]
Department
Adult Services
Youth Services
Circulation Services
Technical Services
[/column]
[column width="30%"]
Title
Department Head
Department Head
Department Head
Department Head
[/column]
[end_columns]
Name
Tuki Sathaye
Jackie Stork
Donna Reynertson
Nancy McCabe
Department
Adult Services
Youth Services
Circulation Services
Technical Services
Title
Department Head
Department Head
Department Head
Department Head
Tips:
- Padding is not necessary in your final column.
- Always type column codes on separate lines, otherwise they will appear on the page.