- You are here:
- WebsiteTips Home
- Web Site Resources
- Markup, Code
- CSS
- CSS for Print
CSS - Cascading Style Sheets
CSS Tutorials, Articles, and Tips, Page 5
Print-Friendly Web Pages and CSS
The CSS Articles and Tutorials section below has links to helpful CSS tutorials on creating printer-friendly pages with CSS. Making pages more print-friendly with CSS can make a world of difference, even eliminating the need for separate “printer-friendly” page creation and maintenance. Here are some tutorials to help with how to create stylesheets geared for printability.
IE7 CSS Hacks, IE8 CSS Bugs, Bug Fixes, Solutions: Wondering what to expect with CSS and Internet Explorer 8? Want some information about conditional comments? Looking for IE7 CSS hacks? Going nuts with a browser problem with your CSS? Check out Solutions to CSS Browser Bugs, CSS Bug Fixes, and Cross-Browser, Cross-Platform CSS Issues.
On this page:
Also within CSS Tutorials:
- CSS Articles and General CSS Tutorials
- Layouts with CSS, CSS Positioning
- Lists, Menus, Navigation, and Rollovers with CSS
- CSS Fonts, CSS Typography
- Centering, Links, Scrollbars, Style Switching, Media Types, Selectors, CSS Shorthand
Also within CSS - Cascading Style Sheets:
- CSS - Cascading Style Sheets Home
- W3C CSS Recommendations, Working Drafts, and Tutorials (1 page)
- CSS Tutorials, Articles (6 pages)
- Solutions to CSS-Related Browser Bugs, CSS Bug Fixes, Cross-Browser, Cross-Platform CSS Issues (1 page)
- CSS Sites, Resources, and Books (1 page)
- CSS Templates (1 page)
- CSS Tools - Editors, Reference Charts, Validators, and More (1 page)
- CSS Discussion Lists, Newsgroups (1 page)
Books on CSS
Recommended by WebsiteTips.com
See more CSS books, read reviews, why we recommend each book
Tutorials on Print-Friendly Web Pages and CSS
- A Print CSS Primer [Tutorial by Kenji Ross, for Web Central, Tufts University. hat tip: Wise-Women discussion list. ]
- ALA's New Print Styles
Helpful article on how Eric went about creating the new print styles for the latest (4.0) version of A List Apart that went online September 2005. Builds on previous 2002 article, CSS Design: Going to Print, and Eric adds some interesting and helpful insight along the way. [Tutorial dated 09/19/2005, by Eric Meyer, for A List Apart.] - Complete CSS Guide: Printing
Detailed tutorial on style rules related to printing, such as the@pagerule and various properties to help with printing, margins, and more. [Tutorial by John Allsopp, for WestCiv. Hat tip: Laura Carlson, University of Minnesota: Web Design References » CSS » Print.] - Creating Great looking logos for your print stylesheet
Helpful tutorial with explanations and examples on how to provide a separate print-version logo. [Tutorial dated 07/12/2004, by Juiced Thoughts.] - CSS Design: Going to Print
Well-written tutorial by Eric Meyer on how to create a printer-friendly style sheet for your Web site. Includes how to hide navigation and other unnecessary elements, how to expose hyperlink URLs (not supported by IE but other newer browsers can use this), handling margins, fonts, and more. Excellent place to start with learning about CSS for print. [Tutorial dated 05/10/2002, by Eric Meyer, for A List Apart.] - Printing the Web
Valuable article on what to consider for user-friendly printable Web pages. Great insight, and important points made. Another must-read for going about creating your print-friendly style sheets and printable Web pages. [Tutorial dated 01/13/2003, by James Kalbach, for Boxes and Arrows.] - Printing Web documents and CSS
Helpful information about CSS and print. Includes what to include for print style sheets, such as hiding navigation, exposing hyperlink URLs, for example, how to handle footers and margins, page break considerations, and browser quirks. Also includes links to more tutorials and resources. [Regularly updated, page created by Jim Wilkinson, for the CSS Discuss Wiki.]





