"Jukka K. Korpela"
Wrote:
> @media screen { .print-only { display: none; } }
>
> Problem solved?
NO!
I try to apply that you wrote but the result is to hide the content of the
second <td> and not only the <td> tag
I'ld wanted to display my tables into a single column on screen and into two
columns printing the page to have printed one page only.
I wrote here a little sample
If you run it you see ancly the first 4 tables but on screen I want to see
all 8 tables into a single coliumn and printing all tables on 2 colums
Regads
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style>
@media screen { .print-only { display: none; } }
</style>
</HEAD>
<BODY>
<table><tr><td>
<table><tr><td>Have a bad day?<td>yes</table>
<table><tr><td>Have a bad day?<td>yes</table>
<table><tr><td>Have a bad day?<td>yes</table>
<table><tr><td>Have a bad day?<td>yes</table>
<td class="print-only">
<table><tr><td>Have a bad day?<td>NO</table>
<table><tr><td>Have a bad day?<td>No</table>
<table><tr><td>Have a bad day?<td>No</table>
</table>
</BODY>
</HTML>