Float Exercise – Squirrel Monkey

Objectives

At the end of this project, you will be able to:

  • Create your a two column layout using
    • float property
    • How to use the clear property
  • Style the menu/ navigation in the 2 column layout

Download Files

Create the two-column layout below using XHTML and CSS (Embedded Style Sheet).

squirrel-m
Default settings:

  • Font – Lucida Grande and Arial
  • Font color – black
  • Size of font – 14px
  • Line height- 1.6em
  • Hover – white

The #container has a border width of 2px, a border style of solid and a color of #FAFAE6.

Updated Monkey Layout – Final
  1. Folder name: LastName_FirstName-Float_Exercise
  2. Filename: squirrel_monkey.html

Upload sharable link at the end of class to the Google Classroom > Float Exercise.
Due: Tuesday, October 30, 2018.