Images don't print

Apologies for posting code (I'll try to keep it brief).
I have the following CSS:

li
{
display:block;
background-image:url(screengray.gif);
padding:3px;
margin:1px 0;
list-style-type: none;
}
li span
{
background: url(square.bmp) no-repeat 0 4px;
padding-left: 15px;
}

When combined with the HTML below, it displays a semi-transparent gray
background, with an image to the left of the text. However, when I print,
the gray background image and the image to the left of the text are not
printed. Any idea why? Here's the HTML code fragment:

<ul>
<li><span>an item</span></li>
<li><span>another item</span></li>
</ul>

Thanks,
Peter Foti

Peter Foti schrieb:

When combined with the HTML below, it displays a semi-transparent gray
background, with an image to the left of the text. However, when I print,
the gray background image and the image to the left of the text are not
printed. Any idea why?

The browser has an option that enables/disables background image
printing. It saves ink.


Matthias

Hi,

Peter Foti wrote:

When combined with the HTML below, it displays a semi-transparent gray
background, with an image to the left of the text. However, when I print,
the gray background image and the image to the left of the text are not
printed. Any idea why?
most browser let the user choose whether they want to include background

colours and/or images in printings. This option is disabled per default,
probably to work with heavily colourized web-pages without print media
stylesheets.

regards
-- jochen

"Peter Foti" <peterf (AT) systolicnetworks (DOT) com> skrev :

When combined with the HTML below, it displays a semi-transparent gray
background, with an image to the left of the text. However, when I print,
the gray background image and the image to the left of the text are not
printed. Any idea why?

You have to set your browser to print background images.
--
Knud

Thanks to all that replied.

Regards,
Peter