Hi all,

I've created a form using the 'media=print' attribute. However, when I try
to print the form, the company logo (which needs to appear at the head of
the page is printed, but it is very small and positioned in the top left
hand corner. Other images in the form are printed equally small. Can anyone
provide a solution to this?

I've set the print background-image option in the print options, but to no
avail.

The css for the background image is as follows:

#pp-form-header {
background-image: url(../images/print_banner.gif);
background-repeat: no-repeat;
width:632px;
height:124px;
}

Thanks in advance

Dean

Dean Browett wrote:
> Hi all,
>
> I've created a form using the 'media=print' attribute. However, when I try
> to print the form, the company logo (which needs to appear at the head of
> the page is printed, but it is very small and positioned in the top left
> hand corner. Other images in the form are printed equally small. Can anyone
> provide a solution to this?
>
> I've set the print background-image option in the print options, but to no
> avail.
>
> The css for the background image is as follows:
>
> #pp-form-header {
> background-image: url(../images/print_banner.gif);
> background-repeat: no-repeat;
> width:632px;
> height:124px;
> }
>

Could you provide a URL so that we can see what's happening?

Also, out of curiosity, why are you limiting your height to just 124 pixels?

T-bird Leader Dean Browett radioed the tower , on 2/20/2006 6:51 PM:

> Hi all,
>
> I've created a form using the 'media=print' attribute. However, when I try
> to print the form, the company logo (which needs to appear at the head of
> the page is printed, but it is very small and positioned in the top left
> hand corner. Other images in the form are printed equally small. Can anyone
> provide a solution to this?
>
> I've set the print background-image option in the print options, but to no
> avail.
>
> The css for the background image is as follows:
>
> #pp-form-header {
> background-image: url(../images/print_banner.gif);
> background-repeat: no-repeat;
> width:632px;
> height:124px;
> }
>
> Thanks in advance
>
> Dean
>
>

Remember that screen resolution is 96 dpi while printers are often 600 dpi
so those measurements will yeald a 1 inch wide by 1/4 inch high image on
printing. Your print media CSS will need to account for the dpi
resolution of the printers you expect will be outputting your form.


--
Ron K.
Don't be a fonted, it's just type casting.

Sure, the url is http://82.68.154.115/princespark/forms/form.php. The height
is to keep the div open otherwise I can't see the banner at the top of the
page - this may be a contributory factor.

Cheers

Dean

"Ken Wagner" <kwagners@gmail.com> wrote in message
news:U4GdnagKROnu_mfenZ2dnUVZ_vudnZ2d@mozilla.org. ..
> Dean Browett wrote:
>> Hi all,
>>
>> I've created a form using the 'media=print' attribute. However, when I
>> try to print the form, the company logo (which needs to appear at the
>> head of the page is printed, but it is very small and positioned in the
>> top left hand corner. Other images in the form are printed equally small.
>> Can anyone provide a solution to this?
>>
>> I've set the print background-image option in the print options, but to
>> no avail.
>>
>> The css for the background image is as follows:
>>
>> #pp-form-header {
>> background-image: url(../images/print_banner.gif);
>> background-repeat: no-repeat;
>> width:632px;
>> height:124px;
>> }
>>
>
> Could you provide a URL so that we can see what's happening?
>
> Also, out of curiosity, why are you limiting your height to just 124
> pixels?

Dean Browett wrote, On 2/21/2006 2:13 PM:
> Sure, the url is http://82.68.154.115/princespark/forms/form.php. The height
> is to keep the div open otherwise I can't see the banner at the top of the
> page - this may be a contributory factor.
>
> Cheers
>
> Dean
>
> "Ken Wagner" <kwagners@gmail.com> wrote in message
> news:U4GdnagKROnu_mfenZ2dnUVZ_vudnZ2d@mozilla.org. ..
>> Dean Browett wrote:
>>> Hi all,
>>>
>>> I've created a form using the 'media=print' attribute. However, when I
>>> try to print the form, the company logo (which needs to appear at the
>>> head of the page is printed, but it is very small and positioned in the
>>> top left hand corner. Other images in the form are printed equally small.
>>> Can anyone provide a solution to this?
>>>
>>> I've set the print background-image option in the print options, but to
>>> no avail.
>>>
>>> The css for the background image is as follows:
>>>
>>> #pp-form-header {
>>> background-image: url(../images/print_banner.gif);
>>> background-repeat: no-repeat;
>>> width:632px;
>>> height:124px;
>>> }
>>>
>> Could you provide a URL so that we can see what's happening?
>>
>> Also, out of curiosity, why are you limiting your height to just 124
>> pixels?
>
>

FYI - the Etiquette for these groups state we should bottom-post.
(http://www.mozilla.org/community/etiquette.html)

I've looked at the page in FF 1.5.0.1, Netscape 7.2, and IE 6 - they all
look the same in Print Preview and when printed: There are no graphics
at all. Did you by chance change the css to prevent images?

No.

I checked in NS 7.1 and I couldn't see any images, but I checked the page
setup settings and found that 'print background images' was not checked.

Is this option checked in the browsers you used?

"Ken Wagner" <kwagners@gmail.com> wrote in message
news:m62dneIW_fOy5GbeRVn-gQ@mozilla.org...
> Dean Browett wrote, On 2/21/2006 2:13 PM:
>> Sure, the url is http://82.68.154.115/princespark/forms/form.php. The
>> height is to keep the div open otherwise I can't see the banner at the
>> top of the page - this may be a contributory factor.
>>
>> Cheers
>>
>> Dean
>>
>> "Ken Wagner" <kwagners@gmail.com> wrote in message
>> news:U4GdnagKROnu_mfenZ2dnUVZ_vudnZ2d@mozilla.org. ..
>>> Dean Browett wrote:
>>>> Hi all,
>>>>
>>>> I've created a form using the 'media=print' attribute. However, when I
>>>> try to print the form, the company logo (which needs to appear at the
>>>> head of the page is printed, but it is very small and positioned in the
>>>> top left hand corner. Other images in the form are printed equally
>>>> small. Can anyone provide a solution to this?
>>>>
>>>> I've set the print background-image option in the print options, but to
>>>> no avail.
>>>>
>>>> The css for the background image is as follows:
>>>>
>>>> #pp-form-header {
>>>> background-image: url(../images/print_banner.gif);
>>>> background-repeat: no-repeat;
>>>> width:632px;
>>>> height:124px;
>>>> }
>>>>
>>> Could you provide a URL so that we can see what's happening?
>>>
>>> Also, out of curiosity, why are you limiting your height to just 124
>>> pixels?
>>
>>
>
> FYI - the Etiquette for these groups state we should bottom-post.
> (http://www.mozilla.org/community/etiquette.html)
>
> I've looked at the page in FF 1.5.0.1, Netscape 7.2, and IE 6 - they all
> look the same in Print Preview and when printed: There are no graphics at
> all. Did you by chance change the css to prevent images?
>