Instructions
You will be using this layout image and making it into a tableless design.
- First, take the layout/index.html file. This is the one that you will be working from.
- Next, you will need to break the sections of the layout into its respected
divs. The names of each of these divs are as follows:
- container
- header
- top
- h1-image
- middle
- left
- content
- right
- clear
- footer
- The image for the layout and how it is to be broken up can be found here: Layout Image with Borders
- Use the above naming of each section as you place the divs around the specified sections.
- Set up an external stylesheet and name the divs section for id tags.
