Page 1 of 1
Print stylesheet
Posted: Fri May 31, 2019 2:03 pm
by laros
I have received a message that my website is 0% optimized for printing and that i should
"Add printable stylesheets for all pages, wherever possible. In most cases, websites can share printable stylesheets over many or all pages, as with screen-based stylesheets."
Can anyone help me where and how to do that?
Thanks in advance!
Re: Print stylesheet
Posted: Fri May 31, 2019 2:12 pm
by Pablo
There is no automated way to create a printer friendly website.
But usually this is a dedicated page with text and images only.
Re: Print stylesheet
Posted: Fri May 31, 2019 2:18 pm
by laros
What do you mean with the dedicated with...?
Btw, thank you for the fast reply!
Re: Print stylesheet
Posted: Fri May 31, 2019 3:30 pm
by BaconFries
What do you mean with the dedicated with...?
It means what Pablo said. You will need to make a 'New Page' with the required text and images
only then make a link to be able to download that page..
Re: Print stylesheet
Posted: Fri May 31, 2019 3:41 pm
by laros
I still dont understand what should "required text" mean. Sorry, still dont understand how to do it...
Re: Print stylesheet
Posted: Fri May 31, 2019 4:16 pm
by Pablo
- create a new page
- add text and images only
- use this page for printing
Re: Print stylesheet
Posted: Sat Jun 08, 2019 6:08 pm
by laros
Sorry, i am not sure if i understand it correctly.
I create a new page with text and images only (what do you mean by that?)
Is there any tutorial about it or step by step explanation?
Thank you!
Re: Print stylesheet
Posted: Sat Jun 08, 2019 6:11 pm
by Pablo
I'm sorry, there is no tutorial.
- create a new page
- make sure the layout is simple, so it can be printed
Re: Print stylesheet
Posted: Sat Jun 08, 2019 6:17 pm
by BaconFries
I create a new page with text and images only (what do you mean by that?)
What is it you don't understand by the above?? It really is as simple as it says without the need for a step by step or a tutorial!!
- create a new page
- add text and images only
- use this page for printing
Re: Print stylesheet
Posted: Sun Jun 09, 2019 3:57 am
by wb_user
hello.
i do this work and i resolve this problem ,
first time, i add : link media="print" href="css/print.css" rel="stylesheet"/> in my page head.
after that i make own print.css with this code :
header, footer, aside, nav, form, iframe, .menu, .hero, .adslot{display:none;}
body{size:A4;height:auto;width:auto;margin-top:-55px;margin-bottom:-55px;margin-left:-195px;margin-right:-195px;transform:scale(.7);}
img{display:block;margin-left:auto;margin-right:auto;width:50%;}
this code maybe work for you , maybe not. and This code does not work correctly for all my pages.
image1 :
https://pasteboard.co/IiyIYhH.jpg
image2 :
https://pasteboard.co/IiyHOCr.jpg
Re: Print stylesheet
Posted: Sun Jun 09, 2019 4:00 am
by wb_user
BaconFries wrote: Sat Jun 08, 2019 6:17 pm
I create a new page with text and images only (what do you mean by that?)
What is it you don't understand by the above?? It really is as simple as it says without the need for a step by step or a tutorial!!
- create a new page
- add text and images only
- use this page for printing
hello BaconFries ,
some sites (and maybe google) check a dedicated style sheet for printing and that method not workable. please read this:
" I have received a message that my website is 0% optimized for printing and that i should "
and other thing, a print friendly page no need to some things like header, footer, nav and ... and for disable thats need to dedicated style sheet.
Re: Print stylesheet
Posted: Sat Jun 15, 2019 3:43 pm
by laros
How do you make print.css?
When i create a new page it opens .html page.
Re: Print stylesheet
Posted: Sat Jun 15, 2019 5:33 pm
by BaconFries
Over to you "wb_user", you gave a solution to laros, but missed out keypoints on how to actually make the print.css file, were to place the link code in the html and then what to do with the print.css file.
Re: Print stylesheet
Posted: Mon Jun 17, 2019 10:05 am
by wb_user
i very sorry. my English is not good. for this reason i cant Give more explanation.
but i make a example project. you can see that and learn. please preview project page
https://wetransfer.com/downloads/d8a800 ... 152/08467f