www.webdeveloper.com
Results 1 to 3 of 3

Thread: Print Version

  1. #1
    Join Date
    Mar 2003
    Posts
    18

    Print Version

    Hi,

    I want to make a printer friendly version of a web page. I have a page with services provided by a company. Nopoblem yet. Underneath these services I want the companys terms and conditions. So I used external style sheets as so:

    PHP Code:
    <link rel="stylesheet" href="../styles/basic.css" type="text/css" media="screen" />
    <
    link rel="stylesheet" href="../styles/basic_print.css" type="text/css" media="print" /> 
    the only real difference is that things like the menu buttons are hidden with a.menu{display:none;} for the print version, and the terms and onditions are hidden in the same way for the screen version.

    I know that this is CSS2. What's going to happen with browsers which don't support CSS2 but do support display:none;? Is there a chance I'll accidently hide my menu buttons on an older browser?

    Any help much appreciated.

    cheers.

  2. #2
    Join Date
    Apr 2003
    Location
    Netherlands
    Posts
    21,654
    If you have hidden elements in the print version, only browsers that understand the media property will use it.
    The easiest way is to test your site using different browsers, or ask on a forum. Don't forget to give the address!

  3. #3
    Join Date
    Nov 2002
    Location
    Baltimore, Maryland
    Posts
    12,279
    If you are worried about it, flip the links and make sure that basic.css overrides anything in basic_print.css that you don't want to see on the screen.
    “The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.”
    —Tim Berners-Lee, W3C Director and inventor of the World Wide Web

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles