SitePoint Sponsor

User Tag List

Results 1 to 10 of 10

Hybrid View

  1. #1
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Page Printing With CSS?

    Here is a page I am working on...

    LINK-
    http://lakefrontestates.net/salesKit/lot17a.html

    When the client tries to print the page, the map graphic on the right hand side is spilling over onto a second printed page and the first printed page has a blank space left where the image should go. Is there a fix using CSS to accomplish printing this webpage onto one printed page?

    Thanks.

    Todd
    Todd Temple > T2 Design

  2. #2
    SitePoint Wizard
    Join Date
    Jul 2003
    Location
    Kent
    Posts
    1,921
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    tricky to advise, when we need a username and password to view it...

  3. #3
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    username-
    lakefront

    password-
    tnorfekal123
    Todd Temple > T2 Design

  4. #4
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd get rid of the unnecessary stuff like the navigation (top and bottom), the "print this" and "back to sales kit" links and the big "Lot information" image (replace with text).
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  5. #5
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tailslide View Post
    I'd get rid of the unnecessary stuff like the navigation (top and bottom), the "print this" and "back to sales kit" links and the big "Lot information" image (replace with text).
    Um... that is all of the content that the client would like to be printed when someone clicks "Print This Page". I appreciate your help, but we cannot get rid of the "unneccessary stuff" because it is very neccessary.
    Todd Temple > T2 Design

  6. #6
    SitePoint Wizard jimbo_dk's Avatar
    Join Date
    May 2005
    Location
    Singapore
    Posts
    1,261
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    why would the navigation be necessary on printed paper?

    The ususal way to do it is to set a css file to set appropriate margins and hide unwanted areas(display:none. More here: http://www.alistapart.com/articles/goingtoprint/
    Winners Respond. Losers React.
    Singapore Web Designer

  7. #7
    SitePoint Guru Todd Temple's Avatar
    Join Date
    Mar 2005
    Location
    Tennessee
    Posts
    797
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I agree that the navigation would not be necessary in my opinion, but the client would like for it to print out as close to the visual representation of the browser as possible.

    So I am still right where I started trying to make the larger map image on the right column print out onto the first printed page with the rest of the content.

    Any help with that situation?

    Thanks...
    Todd Temple > T2 Design

  8. #8
    SitePoint Wizard jimbo_dk's Avatar
    Join Date
    May 2005
    Location
    Singapore
    Posts
    1,261
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I didn't try printing, but print preview doesn't show 2 pages here. I tried FF and IE7.

    One thing you can try is to set margins to 0 to increase printed area on the page.
    Winners Respond. Losers React.
    Singapore Web Designer

  9. #9
    SitePoint Wizard bronze trophy Tailslide's Avatar
    Join Date
    Feb 2006
    Location
    Bedford, UK
    Posts
    1,687
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'd have a word with the client - I know they've said that they want the printed page to look as close as possible to the screen page but you can't fit two pints in a pint jug.

    Maybe explaining that getting rid of the navigation and the other unnecessary things like the "print this" and "back to sales kit" links will give more room and save printer ink for the user (which is always polite in my view!) whilst still retaining the general look of the page. Having navigation on a printed page serves no purpose except to use up printer ink.

    It's more important that the user gets the information they need (the map, data, photos etc) on one page if possible than to reproduce the exact screen shot.

    Personally I tend to also use a Print logo specifically for print stylesheets which wouldn't have all the background colours - just the logo itself. Again to save space and printer ink, especially on those sites with big banner images.
    Little Blue Plane Web Design
    Blood, Sweat & Rust - A Land Rover restoration project

  10. #10
    SitePoint Wizard jimbo_dk's Avatar
    Join Date
    May 2005
    Location
    Singapore
    Posts
    1,261
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by Tailslide View Post
    Personally I tend to also use a Print logo specifically for print stylesheets which wouldn't have all the background colours - just the logo itself. Again to save space and printer ink, especially on those sites with big banner images.
    Yups. As a user I definitely do not appreciate sites that make me waste my color cartridge printing unnecessary stuff.

    Once in a while you come across that out-dated client who will print-out the webpage to 'review the design'. If I'm faced with that kind of client I'd rather shoot myself in the head.
    Winners Respond. Losers React.
    Singapore Web Designer


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
  •