Hands On Practice 6.2 Exercise

Click Here to View Exercise

 

Hands On Practice 6.2 Exercise

Click Here to View Exercise

 

Hands On Practice 6.2 Exercise

Click Here to View Exercise

 

Hands On Practice 6.2 Exercise

Click Here to View Exercise

 


Chapter 6

Page Layout with CSS

Hands On Practice 6.2 P.220

This exercise has two parts. One is applying CSS for page layout. The other is using the floating properties for page layout.

We are using the Trillium Media Design website as our case study here. In the first example I have left the page alone. It has no CSS characteristics. In the second example the CSS has been applied. A class was created called content. This positions the paragraph of the page exactly where we want it to be.

We are using floating properties to layout the page. In the first example we use one photo and paragraph. We create an id called yls to set our float, margin, and border properties. The second example we use a combination of 3 photos and 3 paragraphs. We use the clear property to set the columns of our page.