Re: To hide a tag
On Sat, 08 Mar 2008 09:08:25 GMT, "Paolo" <Paolop@nospam.com> wrote:
>I'ld want to hide a tag during display on screen and I want to show the tag
>when I print the page.
>How can I do please?
Use the classes "print-only" and "no-print" in your HTML and place this
CSS in a stylesheet
..print-only{
display: none;
visibility: hidden;
}
@media print {
.no-print {
display: none;
visibility: hidden;
}
/* Simple standards-based way to turn printing on */
.print-only {
display: inherit;
visibility: visible;
}
/* IE hack, because it doesn't support display: inherit; */
*.print-only {
display: block;
}
tt.print-only, i.print-only, b.print-only, big.print-only,
small.print-only,
em.print-only, strong.print-only, dfn.print-only, code.print-only,
samp.print-only, kbd.print-only, var.print-only, cite.print-only,
abbr.print-only, acronym.print-only,
a.print-only, img.print-only, object.print-only, br.print-only,
map.print-only, q.print-only, sub.print-only, sup.print-only,
span.print-only, bdo.print-only,
input.print-only, select.print-only, textarea.print-only,
label.print-only, button.print-only
{ display: inline; }
img.print-only,
button.print-only, textarea.print-only,
input.print-only, select.print-only
{ display: inline-block; }
li.print-only { display: list-item }
table.print-only { display: table; }
tr.print-only { display: table-row; }
thead.print-only { display: table-header-group; }
tbody.print-only { display: table-row-group; }
tfoot.print-only { display: table-footer-group; }
col.print-only { display: table-column; }
colgroup.print-only { display: table-column-group; }
td, th.print-only { display: table-cell; }
caption.print-only { display: table-caption; }
}
|