If at all possible, I’d like to see a print page maintain the document layout, rather than being sent off to the virual design disposal machine for sake of just getting content.
Yes yes, content may be king, but form is queen. And 5 days out of the month the queen reigns supreme.
As for me, Verdana has always been the perfect font for display; especially at small sizes. But I’ll agree that on paper, there just has to be a better alternative. Arial, IMO, looks better in print than it does on web. But this is all heresay. And if you live over there, then it’s theresay.
I’ve been testing for hours: with all advise in this great article, I still had a problem to get long pages to wrap to the next page in print. Eventhough I added the “float:none !important;” to all big-sized divs. My text was still displaying ‘outside’ my print-page.
I found a solution (or the problem!) for this issue: Around the text I had a <div> with “position:absolute;”. That was the problem, the solution was to ‘redo’ this div in the print-style with “position: relative !important;”.
Simple, maybe, but I thought to share it with you.
I have created some accessible stylesheets and obviously use style switching to choose which one. However, when it comes to printing are you stuck with one print style sheet or can this be changed as well?
Copy & paste the code below to embed this comment.
Michel Scriban
HELP
In test, I use both methods (a:link:after – a:visited:after) and (a[ref]:after) – The two works correctly when used and printed on SAFARI, FIREFOX, MOZILLA but ONLY when the original full links were not visited”¦ When a link is visited, the full link (auto-insert the URLs of links) is not printed after the text of the title”¦ As somebody has an idea why ? a solution ?
Many thanks
I want articles on trade and business and i have a great web directory, yellow pages and products directory as well as news and other sections like entertainment, games etc.
In my comment “I think I did something wrong…”:http://www.alistapart.com/comments/alaprintstyles?page=2#13 I mentioned not being able to convince the user agent to apply the print stylesheet. I found out why: I hadn’t put “@media print” at the top of the stylesheet. I’m posting this in case anybody else had that problem.
38 Reader Comments
Back to the ArticleAaron Martone
If at all possible, I’d like to see a print page maintain the document layout, rather than being sent off to the virual design disposal machine for sake of just getting content.
Yes yes, content may be king, but form is queen. And 5 days out of the month the queen reigns supreme.
As for me, Verdana has always been the perfect font for display; especially at small sizes. But I’ll agree that on paper, there just has to be a better alternative. Arial, IMO, looks better in print than it does on web. But this is all heresay. And if you live over there, then it’s theresay.
Michael Mueller
Thanks for this article. I have never dealt with print styles so far, but I think I will try to include some of your proposals in a few sites.
Henk Jan Bouwmeester
I’ve been testing for hours: with all advise in this great article, I still had a problem to get long pages to wrap to the next page in print. Eventhough I added the “float:none !important;” to all big-sized divs. My text was still displaying ‘outside’ my print-page.
I found a solution (or the problem!) for this issue: Around the text I had a <div> with “position:absolute;”. That was the problem, the solution was to ‘redo’ this div in the print-style with “position: relative !important;”.
Simple, maybe, but I thought to share it with you.
Graham Chetwynd-Morsley
I have created some accessible stylesheets and obviously use style switching to choose which one. However, when it comes to printing are you stuck with one print style sheet or can this be changed as well?
Michel Scriban
HELP
In test, I use both methods (a:link:after – a:visited:after) and (a[ref]:after) – The two works correctly when used and printed on SAFARI, FIREFOX, MOZILLA but ONLY when the original full links were not visited”¦ When a link is visited, the full link (auto-insert the URLs of links) is not printed after the text of the title”¦ As somebody has an idea why ? a solution ?
Many thanks
adjava john
I want articles on trade and business and i have a great web directory, yellow pages and products directory as well as news and other sections like entertainment, games etc.
Termin Erinnerung
Hi! Thank you for these valuable informations…
Greetings from Germany
Sam.
Jonathan Landrum
In my comment “I think I did something wrong…”:http://www.alistapart.com/comments/alaprintstyles?page=2#13 I mentioned not being able to convince the user agent to apply the print stylesheet. I found out why: I hadn’t put “@media print” at the top of the stylesheet. I’m posting this in case anybody else had that problem.