Question

How to print a webpage in two columns or one column as per the user input/choice.

And when a take a print out I’m getting the website url on the top left side, How can we stop printing this?

Regards

Answer 1

When specifying a <link> (such as to a CSS stylesheet) you can specify a media attribute so the CSS will only be used for print or screen. (or braille!) The CSS in this file can then re-style your site into columns as you see fit.

<link type="text/css" rel="stylesheet" href="print.css" />

You could specify two print CSS files like this, and – using JavaScript – prompt the user for which CSS file to use when they print, toggling the disabled member of the <link>:

var printCSS = document.getElementsByTagName("link")[n];
printCSS.disabled = true;
printCSS.disabled = false;