Forum Moderators: not2easy
+------------------------------+
¦ ¦
+------------------------------+
¦ ¦ ¦
¦ ¦ ¦
¦ ¦ ¦
¦ ¦ ¦
+------------------------------+
¦ ¦ ¦
+------------------------------+
<table>
<table>
<table>
<table>
<tr>
<td>
<table>
<!-- This is the left middle table -->
</table>
</td>
<td class="mytable">
<table>
<!-- This is the right middle table -->
<!-- We want only this section to print -->
</table>
</td>
</tr>
</table>
</table>
</table>
</table>
* {display: none;} just carries throughout the entire print option, disregarding any rules after that. coopersita, interesting concept but that would be a lot of bytes to push through bandwidth for really no purpose except a print option.
madcat, I'm not sure I understand what you mean? It just prints out all the navigation and graphics on the top, left and bottom of the page if it is just a *normal* print option. I want to suppress those sections.
<html><head>
<title>Test</title>
<style type="text/css" media="all">
table {
border: thin solid red;
padding: 5px;
}
.myClass table {
border: thin solid green;
}
</style>
<style type="text/css" media="print">
/*
* { display: none; }
*/
body table table table td table { display: none; }
body table table table td.myClass table { display: block; }
</style>
</head>
<body>
<table><tr><td>
<table>
<tr><td>Header</td></tr>
<tr>
<td>
<table>
<tr>
<td>
<table>
<tr><td>DO NOT PRINT</td></tr>
</table>
<table>
<tr><td>ANY OF THESE</td></tr>
</table>
<table>
<tr><td>TABLES AT ALL</td></tr>
</table>
</td>
<td class="myClass">
<table>
<tr><td><p>PRINT</p><p>ONLY THIS</p><p>ENTIRE TABLE</p></td></tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr><td>Footer</td></tr>
</table>
</td></tr></table>
</body>
</html>
