Prev | Current Page 498 | Next

Joseph W. Lowery

"Dreamweaver CS3 Bible"

6. Repeat steps 3??“5, selecting the p, td, th style and changing the font-size property to 12pt.
7. With the p, td, th style still selected, click Add Property and enter line-height; press Enter
(Return) and then enter 18pt.
Crafting a Print Style Sheet
235
Building Style Sheet Web Pages 7
The final step is to add a heading that appears only in the print version of the page. To accomplish this, you??™ll
need to hide the content in the screen-oriented style sheet.
1. Place your cursor on the first image on the page and switch to Code view.
2. Press left-arrow to move the cursor in front of the tag and enter the following code

Relative Realty

; return to Design view when you??™re done.
3. Place your cursor in the new

tag and, from the Property inspector??™s Style list, choose
printOnly.
4. In the Style Rendering toolbar, choose Switch to Render Screen Media Type, or choose View ???
Style Rendering ??? Screen Media Type.
You??™ll notice that the heading??”redundant in screen mode??”is also visible here. You can change
that by adding a style.
5. In the CSS Styles panel, select the primary.css entry and click New CSS Rule.
6. In the New CSS Rule dialog box, switch the Selector Type set to Class and change the Name field
to .

Pages:
486 487 488 489 490 491 492 493 494 495 496 497 498 499 500 501 502 503 504 505 506 507 508 509 510

The Book place

Joseph W. Lowery

"Dreamweaver CS3 Bible"

Relative Realty