SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    creating a flyer from a web page

    I'm the web manager for an organization that retains "program presenters" to run workshops at our facility. We publish an online listing of these workshops to recruit participants. Each listing includes a database driven/php page displaying the workshop title, dates, description, image, etc. We want to offer the presenters the opportunity to print these pages slightly reformatted as a flyer that they can print and hand out to local prospects.

    My approach has been to create a slightly modified "flyer" version of the page formatted to print well in an 8 1/2" by 11" sheet of paper. In the testing phase I'm discovering that not only do various platforms, browsers treat the formatting differently, but so do various printers. I'm beginning to wonder if this project is doomed from the start.

    Id like to know if anyone else has attempted creating such functionality that users can print a "flyer" from a web page.

    You can view my attempt by going to a web page program description here:
    http://www.kripalu.org/program/view//FOY081/
    At the bottom of the page, you will find a link "print flyer" that will take you here:
    http://www.kripalu.org/program/view_flyer_css//FOY081

    The primary problem I'm having is that some printers create a page break after the programs and before the image and program description. Is this a deal breaker.

    I'm also having .css problems across various browsers, particularly min-height not being honored by IE 6. I thinks this is solvable, but before I go to much further, I'd like opinions as to whether or not the concept is do-able given the variables of platforms, OS, browsers and printers of various folks who will be printing the flyer.

    Paul C.
    Paul C.
    ClickBasics
    http://www.clickbasics.com

  2. #2
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    BTW, I have tried wrapping a div around the whole thing, to no avail.
    Paul C.
    ClickBasics
    http://www.clickbasics.com

  3. #3
    SitePoint Zealot c.t.c.'s Avatar
    Join Date
    Apr 2007
    Posts
    176
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I once designed a resume for my girlfriend that looked the same printed as it did on screen, but I've since taken it offline. I haven't examined your code, but I'd recommend not setting any width, height, or margins on the outermost container in your print stylesheet. Just let the browser fit the content into the dimensions of the paper.

  4. #4
    Web Enthusiast
    Join Date
    Jul 2000
    Location
    Western Massachusetts, USA
    Posts
    1,389
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'll give it a whirl. Thanks.
    Paul C.
    ClickBasics
    http://www.clickbasics.com


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
  •