Topic: Printable Pages that link to <a href="https://ozoneasylum.com/backlink?for=10948" title="Pages that link to Topic: Printable" rel="nofollow" >Topic: Printable\

 
Author Thread
Phibian
Neurotic (0) Inmate
Newly admitted

From: Ottawa, ON Canada
Insane since: Apr 2003

IP logged posted posted 04-11-2003 21:38 Edit Quote

I have a form that I would like to print. Ideally, the input boxes would disappear in the printed version. Any brilliant ideas?

kuckus
Bipolar (III) Inmate

From: Berlin (almost)
Insane since: Dec 2001

IP logged posted posted 04-11-2003 22:22 Edit Quote

Hey Phibian, welcome to the Asylum

Have a nose through our FAQ to find out more about this place:

:FAQ: Hi I'm new here what do I need to know?

and you'll feel at home in no time for sure.


But now for your question... you could create a seperate style sheet for printing:

:FAQ: How do I make a printer friendly page using CSS?

where you hide the input boxes' borders and set their background color to white:

code:
input { border: 0; background: #fff; }

...that should do the trick.

[This message has been edited by kuckus (edited 04-11-2003).]

Slime
Lunatic (VI) Mad Scientist

From: Massachusetts, USA
Insane since: Mar 2000

IP logged posted posted 04-11-2003 22:22 Edit Quote

Use a print media stylesheet to hide them. This CSS should (should) do the trick:

@media print {
input, textarea, button, submit, select {
display:none;
}
}

or just

@media print {
form {
display:none;
}
}

Depending on what exactly you want.



Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« BackwardsOnwards »

Show Forum Drop Down Menu