cell background color

[Vam]

Hi,

My program makes an HTML report which needs to be easily printable. On this
report is a table, and one of the columns in the table needs to express a
color. I've done this by setting the background of the cells in that column
to their colors (which differ from row to row), but those background colors
don't print unless a certain option is set in IE, which is apparently off by
default. The way we've figured around this is to add a small colored bitmap
to the color cells instead of using their background color property. But
the problem with that is finding the correct size of the bitmap, and the
correct positioning. anybody have any idea how I could get the pixel size
of a cell in an HTML table? And the position that I would need to place a
bitmap so that it covers that cell? Or is there a better way of getting
around this color problem in general, so that it'll always print no matter
what the IE option settings?

[Barbara de Zoete]

On Tue, 15 Feb 2005 12:23:30 -0600, Vam <[e-mail]> wrote:

The way we've figured around this is to add a small colored bitmap to
the color cells instead of using their background color property. But
the problem with that is finding the correct size of the bitmap, and the
correct positioning. anybody have any idea how I could get the pixel
size of a cell in an HTML table? And the position that I would need to
place a bitmap so that it covers that cell? Or is there a better way of
getting
around this color problem in general, so that it'll always print no
matter what the IE option settings?

Why IE? The vast amount of browsers out there need to be served, not just
IE.

Anyway, have you considered creating a separate stylesheet for printing so
no background color is needed? Just create a print stylesheet and add it
to your pages through a link element in the head of your document with
appropriate styles.

<link rel="stylesheet" type="text/css" media="print"
href="http://www.foo.invalid/bar/styles/print.css">

If you insist on using that background image, with which you do nobody a
favour really, you don't need to know anything about the dimensions of the
cell it is needed for. Create a tiny image with the correct color, like
4*4px or something like that. Then use some simple style for the
background of your table cells:

table.colored img, .colored th img, .colored td img {
width:100%;
height:100%; }

Any table that has class="colored" added to it, will have any image in its
cells streched to be 100% of both the height and the width of the cell,
regardless its dimensions.

Not tested.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Barbara de Zoete]

On Tue, 15 Feb 2005 12:23:30 -0600, Vam <[e-mail]> wrote:

The way we've figured around this is to add a small colored bitmap to
the color cells instead of using their background color property. But
the problem with that is finding the correct size of the bitmap, and the
correct positioning. anybody have any idea how I could get the pixel
size of a cell in an HTML table? And the position that I would need to
place a bitmap so that it covers that cell? Or is there a better way of
getting
around this color problem in general, so that it'll always print no
matter what the IE option settings?

Why IE? The vast amount of browsers out there need to be served, not just
IE.

Anyway, have you considered creating a separate stylesheet for printing so
no background color is needed? Just create a print stylesheet and add it
to your pages through a link element in the head of your document with
appropriate styles.

<link rel="stylesheet" type="text/css" media="print"
href="http://www.foo.invalid/bar/styles/print.css">

If you insist on using that background image, with which you do nobody a
favour really, you don't need to know anything about the dimensions of the
cell it is needed for. Create a tiny image with the correct color, like
4*4px or something like that. Then use some simple style for the
background of your table cells:

table.colored img, .colored th img, .colored td img {
width:100%;
height:100%; }

Any table that has class="colored" added to it, will have any image in its
cells streched to be 100% of both the height and the width of the cell,
regardless its dimensions.

Not tested.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Barbara de Zoete]

x-posted to alt.html, f'up to alt.html

On Tue, 15 Feb 2005 20:24:04 +0100, Barbara de Zoete
<b_********@hotmail.com> wrote:

On Tue, 15 Feb 2005 12:23:30 -0600, Vam <[e-mail]> wrote:

Please don't multi post. I didn't understand why my response (in ciwah
appearently) didn't show up (while I was looking at your post in alt.html)
and resent it. Obviously I didn't need to.

Furthermore, where are you going to want the replies? Where are you going
to read them?

Find out about crossposting:
<http://smjg.port5.com/faqs/usenet/xpost.html>
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'