How to print specific area of page by css media with extra logo?

Discussion in 'CSS' started by KingCobra, Mar 2, 2010.

  1. #1
    How to print specific area of page by css media with extra logo?

    Please see attachments:
    Image 1.jpg for page layout
    Image 2.jpg for print preview

    Here in 1.jpg logo, top banner, side menu, side menu2 comes from template for all of my pages. And only 'body text' come from database for every pages.
    I want to print only body text with a site logo. (see image 2.jpg)

    How can I do it. PLEASE HELP
     

    Attached Files:

    KingCobra, Mar 2, 2010 IP
  2. deathshadow

    deathshadow Acclaimed Member

    Messages:
    9,732
    Likes Received:
    1,999
    Best Answers:
    253
    Trophy Points:
    515
    #2
    Without seeing your code, the question is meaningless. As is often said around here "This is why we can't help you"

    Though be warned by default both Firefux and Internet Exploder turn off background images when printing - you can re-enable them from the print settings page, but it's a case of the user-agent doing what it thinks is best for rendering the page. Rule #1 and Rule #2 of web design for print - don't use images, and don't use background-colors because IE and FF wil ignore them by default. (and will even override your foreground color on some elements!)

    You might find that by default your existing code will print as expected from Opera, and be even MORE screwed up from webkit.

    Since the HTML and CSS specification rarely if ever state that browser 'have' to render something any one specific way... see form elements.
     
    deathshadow, Mar 2, 2010 IP