feel free to analyze http://www.cialog.com/ in screen and print version.
css rule for the print-only part is in css/screen
#print { display: none; }and css/print
#print
{
font-family: Arial,Helvetica,sans-serif;
font-size: 10pt;
border-top: 0 none;
border-right: 0 none;
border-bottom: 1px solid #555;
border-left: 0;
margin-bottom: 1em;
}additionally other parts (like header image and navigation) are hidden in the print version:
.hide, #logo, #meta, #visual, ul#nav, #footer, .right, .off, hr { display: none; }
regards stefan
On 01. Okt 2004, at 11:53, Lorenzo Gabba wrote:
Is it possible to create a 'hidden' letterhead and footer that would only show
up in printed documents from a website?
If so, what would be the best-practice markup-wise given the semantic
implications of hiding this content (company name/contact details/physical
address/legal notice/etc.) from screen view?
******************************************************
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
cialog | corporate interactive design stefan sick reinsburgstrasse 128/1 | 70197 stuttgart | germany fon +49 711 28044-20 | fax +49 711 28044-22
http://www.cialog.com/ [ the only constant in life is change ]
****************************************************** The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
