Hands On Practice 7.4

Click Here to View Exercise

 


Chapter 7

More on Links, Lists, and Layout

Hands On Practice 7.4 P.286

In this exercise I learned how to configure a page so that it is easier to print. When printed, the logo will be a 24 pt font size and the navigation bar will not display.

The first step is to create two style sheets. One for the web and one for printing. Then you will need to add the media attribute with the value of the screen to the link element.

<link rel="stylesheet" href="wildflower.css" type="text/css" media="screen" />

<link rel="stylesheet" href="wildflowerprint.css" type="text/css" media="print" />

To create the second CSS sytle sheet simply use the first one and modify it accordingly.

To modify font sizes simply change the font size under the appriopate id or class.

To make the navigation bar disappear for printing purposes simply remove the content in the CSS style sheet for the nav class and replace it with the following code.

.nav { display: none;
}