Two Column Layout Vertical Menu Tutorial
Lesson List

Two Column Layout And Vertical Menu Tutorial
Completed Preview

Beginner tutorial creating a two column layout with a vertical menu. Completed Preview.

Two Column Layout And Vertical Menu Tutorial
Create Shell HTML and CSS Files
Lesson 1

Beginner tutorial creating a two column layout with a vertical menu. Create the shell HTML and CSS files from scratch. Lesson 1.

Two Column Layout And Vertical Menu Tutorial
Add Page Wrapper div Element
Lesson 2

Beginner tutorial creating a two column layout with a vertical menu. Add page wrapper div element. Lesson 2.

Two Column Layout And Vertical Menu Tutorial
Add HTML Containers CSS Selectors for Layout
Lesson 3

Beginner tutorial creating a two column layout with a vertical menu. Add HTML containers CSS selectors for layout of the main sections in the web page. Lesson 3.

Two Column Layout And Vertical Menu Tutorial
Add Placeholder Content
Lesson 4

Beginner tutorial creating a two column layout with a vertical menu. Placeholder content is added to the header, content and footer sections. Lesson 4.

Two Column Layout And Vertical Menu Tutorial
Position the Left and Right Column Sections
Lesson 5

Beginner tutorial creating a two column layout with a vertical menu. CSS properties are added to position the left and right sections horizonally. Lesson 5.

Two Column Layout And Vertical Menu Tutorial
Add Borders and Padding
Lesson 6

Beginner tutorial creating a two column layout with a vertical menu. Adding borders and padding. Lesson 6.

Two Column Layout And Vertical Menu Tutorial
Format Header and Footer
Lesson 7

Beginner tutorial creating a two column layout with a vertical menu. Format header and footer sections. Lesson 7.

Two Column Layout And Vertical Menu Tutorial
Add Page Navigation Menu Links
Lesson 8

Beginner tutorial creating a two column layout with a vertical menu. Format header and footer sections. Lesson 7.

Two Column Layout And Vertical Menu Tutorial
Add Rollover Animation to Navigation Links
Lesson 9

Beginner tutorial creating a two column layout with a vertical menu. Add rollover animation to navigation links. Lesson 9.