cant print images with JavaScript print function
<p>I am trying to print a report which includes text and images. I am using a javascript function to invoke the print functionality. Everything works well except the images on the page do not show up in the new print window.  I have included all the CSS files with it but still my images  dont appear in the new print window. Its the same even if I dont include the CSS links.</p>

<p>My javascript function to print is :</p>

<pre><code>function printfun(){
        var disp_setting = "toolbar=no,location=no,directories=no,menubar=no,";
        disp_setting += "scrollbars=no,left=0,top=0,resizable=yes,width=900 height=650,modal=yes,";
        var content_vlue = document.getElementById('&lt;%= tblCharts.ClientID %&gt;').innerHTML;   
        var docprint = window.open("", "", disp_setting);
        docprint.document.write('&lt;html&gt;&lt;head&gt;');
        docprint.document.write('&lt;/head&gt;');
        docprint.document.write('&lt;body onLoad="self.print()"&gt;');
        docprint.document.title = "";
        docprint.document.write('&lt;link href="../style/design.css" rel="Stylesheet" type="text/css" /&gt;');
        docprint.document.write('&lt;link href="../App_Themes/style/graphs.css" rel="Stylesheet" type="text/css" /&gt;');
        docprint.document.write(content_vlue);
        docprint.document.write(tblCharts);        
        docprint.document.write("&lt;/body&gt;&lt;/html&gt;");
        docprint.document.close();
        docprint.focus();
}
</code></pre>
