Table colors and images

Here is what I am trying to do.  With the help of a member I was able to finally figure out my online coupon with the following code, works great!:

<html><head>
<style>
.coupon {
     border: 2px gray dashed;
     width: 400px;
     padding: 5px;
}
</style>
</head><body>
<div class="coupon">
     This is your wonderful coupon!<br />
     Print it out to recieve $0.50 cents off your next can of cat food!<br />
     Enjoy Kitty Loves Me brand!<br />
</div>
</body></html>

What I would like to happen and I have tried it a few ways without any luck.  I would like the table background say a light gray and when it prints it is a light gray.  But when I try that it comes out white since the table color will not print.  Is there a way to do like an image under then I can overlay my text?

precisionAsked:
Who is Participating?
 
COBOLdinosaurCommented:
What I would like to happen and I have tried it a few ways without any luck.  I would like the table background say a light gray and when it prints it is a light gray.  But when I try that it comes out white since the table color will not print.  Is there a way to do like an image under then I can overlay my text?

You cannot control user settings.  You have no way of knowing what kind of printer the user has.  Images in general do not print well. You could us a layer wiht an image an then overlay the text, but that will require absolute positioning, and the position of the test and image will not line up the some when it is printed about 75% of the time.

If an image is critical then you will have to do the page with a print friendly format like PDF.  If color is important, then you are going to be disappointed because only a small percentage of users are going to have color printing capabilities.

Cd&
0
 
nurbekCommented:
it depends on the Browser settings

from the Tools -> Internet Options -> Advanced

check the "Print background colors and images"

:)




 
0
 
precisionAuthor Commented:
That is good for my machine, I want something that anyone who prints, it will print out in color.  Like an image table background that I can overlay text on.
0
 
nurbekCommented:
anyone who wants to print it out with colors
they also should change their browser settings
0
 
COBOLdinosaurCommented:
Glad we could help.  Thanks for the A. :^)

Cd&
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.