Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <html>
- <head>
- <style>
- @media print { /* no effect: */
- .no-print { display:none; }
- }
- </style>
- <!-- no effect either:
- <link rel="stylesheet" href="print.css" media="print"><!-- -->
- </head><body>
- <h1>Some Title</h1>
- <img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+should+vanish+in+print+view">
- <br><br><br>This is the only text
- </body></html>
- <html><head>
- <title>Reader View shows only the browser in reader view</title>
- </head>
- <body>
- Everything outside the main div tag vanishes in Reader View<br>
- <img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+should+vanish+in+print+view">
- <div>
- <h1>H1 tags outside ot a p tag are hidden in reader view</h1>
- <img class="no-print" src="http://dummyimage.com/1024x100/000/ffffff&text=This+banner+is resized+in+print+view">
- <p>
- 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
- 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
- 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
- 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
- 123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789
- 123456789 123456
- </p>
- </div>
- </body>
- </html>
Add Comment
Please, Sign In to add comment