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:
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../styles/basic.css" type="text/css" media="screen" />
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../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.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!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.
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:
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../styles/basic.css" type="text/css" media="screen" />
<link rel="stylesheet" href=http://www.webdeveloper.com/forum/archive/index.php/"../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.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!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.