Results 1 to 4 of 4

Thread: print css / background images

  1. #1
    Join Date
    Jul 2007
    Location
    Irmo, SC
    Posts
    96
    Thanks
    10
    Thanked 7 Times in 7 Posts

    Default print css / background images

    Well I thought I had been learning and doing the right things.... not so sure any more. I have a customer who is happy with site and functionality but asked why when he printed a form, that the labels did not show up.

    Well I went css/div and the labels are all background images.

    So I started googling and found that both IE and FF can be turned on to print them, but then it prints the entire page/site. I even read some of the old threads on here that seem to be related.

    I thought ok, I will write a print window that cuts out the header/footer and any other unnecessary colors/images/buttons and just shows the form and those images. Then I think I am back to the same ball park of having div/background print problems

    How SHOULD I go about allowing the labels to be seen and printed? I am not a css expert. I saw where there is a different type/media option for print but do not know if that will solve my problem. I am ok with writing a separate print css but wont I run into the same issue?

    Unfortunately I cant show you the site/code because it is protected.... and there is a non disclosure. I have attached a screen shot with the labels blurred out.

    Any ideas? direction? Thanks for the help in advance.

  2. #2
    Join Date
    Oct 2008
    Location
    Sweden
    Posts
    2,023
    Thanks
    17
    Thanked 319 Times in 318 Posts
    Blog Entries
    3

  3. #3
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Also, due to the print behavior - entirely under the control of the user's browser - to choose not to print background images, important information like labels should be foreground text.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  4. #4
    Join Date
    Jul 2007
    Location
    Irmo, SC
    Posts
    96
    Thanks
    10
    Thanked 7 Times in 7 Posts

    Default

    awesome tutorial but not really where i Needed to go. however now I know what to do with some other things I am working on.

    I just wrote a separate page without the images and dressed up differently and cleaner for the printer.

    thanks for the info though

Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •