Note that there are some explanatory texts on larger screens.

plurals
  1. PO@media print css doesnot gives the desire output
    text
    copied!<p>I have use the @media print and @media screen for print. For @media screen it works fine but for @media print it doesnot show the dotted table as screen.</p> <pre><code> @media screen{ body{ font-family:"Courier New", Courier, monospace; font-size:13px; } .f1{ text-transform:uppercase; display:block; text-align:center; } .f2{ text-transform:uppercase; display:block; margin-left:10px; } .border_bottom{ border-bottom:2px dashed #000; } .border_top{ border-top:2px dashed #000; } .body_table{ border:1px dashed #CCCCCC; padding:.5em; } } @media print { body { font: 12pt georgia,serif; } h1 { font-size: 18pt; } h2 { font-size: 15pt; color: #000; } .border_bottom{ border-bottom:2px dashed #000; } .border_top{ border-top:2px dashed #000; } .body_table{ border:1px dashed #CCCCCC; padding:.5em; } } </code></pre> <p>by these above code the @media screen works fine as i thought. i.e I can see the bill with the dotted border but while on printing part the dotted border is not working and not shown. The bill are on table and as I print the table is not seen too.</p> <p>My Html code</p> <pre><code>&lt;body &gt; &lt;form id="form1" runat="server"&gt; &lt;div id="divprint"&gt; &lt;table&gt; &lt;tr&gt; &lt;td&gt;name&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Roll&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;asp:button runat="server" ID="btn_prnt" OnClientClick="CallPrint('divprint')" Text="Print" /&gt; &lt;/form&gt; &lt;/body&gt; </code></pre> <p>Note: I am using Waterfox 18.0.1 browers.</p>
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload