Table Background Image Does Not Print

[rfresh]

I have a table with a background image and when I go to print the web page, the image does not show up! I have done this on 3 different computer systems with the same results!

How can I get the Table background image to print?

Thanks...

[rangana]

I've encountered this problem before, and after diagnosing the problem, I was convinced that it was a printer bug.
For a test, try to print this simple code:

<div style="background:#f00;height:500px;width:500px;">Test</div>

We should be able to see a text Test on a red background. See if the printer outputs the expected.

[rfresh]

It isn't the printer. I printed on 3 different computers with 3 different printers - the table bg image did not print on any of the 3 different printers.

[BWiz]

Try this:

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

/* print.css */
table.bg {
 background-color: #f00;
 color: #fff;
}

[abduraooft]

Or check whether you have print specific styles which removes the background of that table.

[rfresh]

This is the table below. The image is a coupon type border that my customers can print out.

PHP Code:

          <TABLE border=0 width="576" height=432 background="coupon.jpg">
          <TR><TD>&nbsp;</TD></TR>
          <TR><TD align=center><?php echo $_SESSION['php_sc_coupon_header']?></TR>
          <TR><TD>&nbsp;</TD></TR>
          </TABLE>

[rfresh]

Someone told me to use this:

PHP Code:

<div style="position: absolute;"> 
<img src="pix/some.png" width="628" height="134" alt="" border="0"> 
<table style="position: absolute; top: 0; left: 0" border=1> 
<tr><td>test</td></tr> 
</table> 
</div> 


I tried that and it works (the bg image prints) - however, in my code I need to print multiple copies of this table and used <P> to space vertically - but now that doesn't work - the tables print next to each other instead of vertically. I suspect this is due to the div tag but I don't know enough about css to know how to use this solution to allow printing of vertical tables using the same bg image! Can someone help please?

[rfresh]

I found the answer - I changed this line

PHP Code:

<div style="position: absolute;"> 


to

PHP Code:

<div style="position: relative;"> 


and now my tables display and print with the BG image in each of the multiple tables.

[Pepe, the bull]

If it's just a dotted line coupon border, couldn't you just use a dotted line border.

          <TABLE style="border:1px dotted black;" width="576" height=432 background="coupon.jpg">
          <TR><TD>&nbsp;</TD></TR>
          <TR><TD align=center><?php echo $_SESSION['php_sc_coupon_header']?></TR>
          <TR><TD>&nbsp;</TD></TR>
          </TABLE>