1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

CSS Screen & Print Issue

Discussion in 'CSS' started by asifakhtar, Feb 3, 2011.

  1. #1
    Hi,

    I need to display the following div’s as it is on the screen according to the HTML, but when I print the Claimant Name, Case Info, Contacts, Files should print on 1st page and Claimant Name, Service should print on 2nd page.

    Can someone please show me a way to solve it using CSS?

    <body>        
            <div>Claimant Name</div>
    
            <div>Case Info</div>    
            
            <div>Contacts</div>
            
            <div>Files</div>
            
            <div>Service</div
    </body>
    Code (markup):
    Thanks
     
    asifakhtar, Feb 3, 2011 IP
  2. radiant_luv

    radiant_luv Peon

    Messages:
    1,327
    Likes Received:
    34
    Best Answers:
    1
    Trophy Points:
    0
    #2
    you can have style defined for screen and print in 2 css. Usemedia=print or screen while adding the link reference to css on the head.

    Example:
    
    <link rel="stylesheet" type="text/css" media="screen" href="screen.css"  />
    <link rel="stylesheet" type="text/css" media="print" href="print.css"  />
    
    
    Code (markup):
     
    radiant_luv, Feb 3, 2011 IP