Comments on: Optimizing Your Website Structure For Print Using CSS http://davidwalsh.name/optimizing-structure-print-css Legendary scribbles about JavaScript, HTML5, AJAX, PHP, CSS, and ∞. Wed, 23 May 2012 19:56:08 +0000 hourly 1 http://wordpress.org/?v=3.3.2 By: universalGlovehttp://davidwalsh.name/optimizing-structure-print-css#comment-31283 universalGlove Tue, 27 Mar 2012 18:51:37 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-31283 I didn't read all the comments, so hopefully I'm not duplicating observations.I was successfully hiding content for print, until I added two new elements to a page. They wouldn't hide, even though the "no-print" class was applied. No reason I could see for it to not work. Tried in both IE 8 and Firefox 11.0. However, both new elements were links - anchor tags made to display as block. Once I encased them in a div and applied no-print to the div, they stopped printing.Didn't hide for print (IE8 and FF11): <code> <a href="/" rel="nofollow">TEXT</a> </code>Successfully hid when printed (IE8 and FF11): <code><a href="/" rel="nofollow">TEXT</a></code>So, perhaps there are also issues when trying to hide for print any elements that are inherently inline type elements? or just links for some reason?I'll have to look further and experiment sometime. I didn’t read all the comments, so hopefully I’m not duplicating observations.

I was successfully hiding content for print, until I added two new elements to a page.
They wouldn’t hide, even though the “no-print” class was applied. No reason I could see for it to not work. Tried in both IE 8 and Firefox 11.0.
However, both new elements were links – anchor tags made to display as block.
Once I encased them in a div and applied no-print to the div, they stopped printing.

Didn’t hide for print (IE8 and FF11):

TEXT

Successfully hid when printed (IE8 and FF11):

TEXT

So, perhaps there are also issues when trying to hide for print any elements that are inherently inline type elements? or just links for some reason?

I’ll have to look further and experiment sometime.

]]> By: Daniel Rhttp://davidwalsh.name/optimizing-structure-print-css#comment-27680 Daniel R Sun, 20 Nov 2011 23:24:25 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-27680 Reading through your style.css, I could answer my own question. The code snippet below squeezes the headers out of printing scope, and if I apply some sensible padding on the elements on the page itself, I can get a well-formatted print layout without the annoying page info headers/footers. Neat!<code> @media print { @page { margin: 0.5cm; } } </code> Reading through your style.css, I could answer my own question. The code snippet below squeezes the headers out of printing scope, and if I apply some sensible padding on the elements on the page itself, I can get a well-formatted print layout without the annoying page info headers/footers. Neat!


@media print {
@page { margin: 0.5cm; }
}

]]> By: Daniel Rhttp://davidwalsh.name/optimizing-structure-print-css#comment-27679 Daniel R Sun, 20 Nov 2011 19:12:35 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-27679 Thanks for this great article. I've noticed that the print-version of your pages don't show those annoying page-info headers/footers (that give you the url, the page count, etc). How on earth did you manage to get rid of them? Thanks for this great article. I’ve noticed that the print-version of your pages don’t show those annoying page-info headers/footers (that give you the url, the page count, etc). How on earth did you manage to get rid of them?

]]> By: Scott Arbeitmanhttp://davidwalsh.name/optimizing-structure-print-css#comment-26998 Scott Arbeitman Tue, 27 Sep 2011 03:44:59 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-26998 I vowed never to buy any printed material a few months ago and here I am, making effectively a print-only web page. Can't wait for the future, but in the meantime, thanks for the help. I vowed never to buy any printed material a few months ago and here I am, making effectively a print-only web page. Can’t wait for the future, but in the meantime, thanks for the help.

]]> By: Fredhttp://davidwalsh.name/optimizing-structure-print-css#comment-24249 Fred Fri, 27 May 2011 17:04:27 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-24249 Does <code>page-break-before: always; </code> not work in Chrome? Can't seem to get it. Does page-break-before: always; not work in Chrome? Can’t seem to get it.

]]> By: Joshhttp://davidwalsh.name/optimizing-structure-print-css#comment-22430 Josh Mon, 24 Jan 2011 18:17:49 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-22430 Just read three of your articles, after a Google search for using CSS to print name tags. Keep it up, this is good stuff.fav'd Just read three of your articles, after a Google search for using CSS to print name tags. Keep it up, this is good stuff.

fav’d

]]> By: bizkid64http://davidwalsh.name/optimizing-structure-print-css#comment-9239 bizkid64 Thu, 14 May 2009 23:44:19 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-9239 I'm trying to reproduce a government form in a printer-friendly format. I'm using repeated data from a database, but I need to be able to recreate a header and page numbering at the top of each successive page. Any thoughts on how to do this? Also, is there an easy way to figure out the dimensions (in pixels) of the printable area of a page given paper size and various margins?I've been searching for an answer on this for days, and your site is the closest I've come to finding an answer. Thanks. I’m trying to reproduce a government form in a printer-friendly format. I’m using repeated data from a database, but I need to be able to recreate a header and page numbering at the top of each successive page. Any thoughts on how to do this? Also, is there an easy way to figure out the dimensions (in pixels) of the printable area of a page given paper size and various margins?

I’ve been searching for an answer on this for days, and your site is the closest I’ve come to finding an answer. Thanks.

]]> By: Senhttp://davidwalsh.name/optimizing-structure-print-css#comment-8788 Sen Mon, 20 Apr 2009 09:32:42 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-8788 how must i do to hide something using CSS and apply this into IE7 how must i do to hide something using CSS and apply this into IE7

]]> By: Vivekanandhttp://davidwalsh.name/optimizing-structure-print-css#comment-8345 Vivekanand Fri, 20 Mar 2009 18:03:42 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-8345 I am sure, this will help lot of beginners..... thanks for share....Cheers, Vivek [http://www.developersnippets.com] I am sure, this will help lot of beginners….. thanks for share….

Cheers,
Vivek
[http://www.developersnippets.com]

]]> By: Mahahttp://davidwalsh.name/optimizing-structure-print-css#comment-3756 Maha Mon, 10 Nov 2008 07:17:36 +0000 http://www.davidwalsh.name/optimizing-your-website-structure-for-print-using-css/#comment-3756 Hi I am currently working on printing report. In which html page is used to show my content which is from datatable, the report is like row-columnwise structure. If I select to print the report the page simply breaks as per content in table. Instead to that I add those column headers in second, third, fourth.....page too. Pls help me out to solve this..Thanks in advance Hi
I am currently working on printing report. In which html page is used to show my content which is from datatable, the report is like row-columnwise structure. If I select to print the report the page simply breaks as per content in table. Instead to that I add those column headers in second, third, fourth…..page too.
Pls help me out to solve this..

Thanks in advance

]]>