This is the header

<div style="border-bottom: 1px solid #dedede">
<table style="font-family: Arial; width: 100%; font-size: 13px;">
  <tr>
    <td style="width: 625px">
       <table>
	 <tr><td><img src="../img/sample-logo.png" alt="Xcel-RCM" height="65"></td></tr>
	</table>
    </td>
    <td style="font-family: Arial; width: 625px; text-align:right;">
	<table style="font-family: Arial; width: 100%; font-size: 13px; padding: 10px 0; text-align:right;">
	  <tr>
            <td style="font-family: Arial; float: right;">
          <h3 style="font-family: Arial; font-size: 22px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px 0;">
            Name 
         </h3>
         </td>
         </tr>
	 <tr>
            <td style="float: right;">
              <p style="font-family: Arial; font-size: 15px; margin: 0 0 5px 0;">
                 Address
              </p>
             </td>
         </tr>
	  <tr>
              <td style="float: right;">
                <p style="font-family: Arial; font-size: 16px;">
                  <span style="font-family: Arial; margin: 0 0 5px 0; font-weight:600;">
                    
                </p>
              </td>
          </tr>
       </table>
       </td>
        </tr>
       </table>
</div><br>

I am injecting header like this to be displayed in the top of PDF "header"=>array("height"=>"150px","contents"=>$header),

Its not rendering the image. please refer the screenshot.

and in footer

<table style="font-family: Arial; border-top: 1px solid #dedede; width: 100%; font-size: 13px; text-align: left;">
 <tr>
   <td style="width: 8%; font-weight: 600;">Powered By:</td>
   <td style="width: 20%;">xyz company</td>
   <td style="width: 12%; font-weight: 600;">Print Date & Time:</td>
   <td style="width: 15%;">'.date("Y-m-d - H:i:s").'</td>
   <td style="width: 8%; font-weight: 600; margin-top:10px">Printed By:</td>
   <td style="width: 15%; margin-top:10px;">'.$_SESSION['uname'].'</td>
   <td style="width: 5%; font-weight: 600;">Page:</td>
   <td style="width: 15%;">{pageNum} of {numPages}</td>
  </tr>
</table><br>

injecting footer like "footer"=>array("height"=>"40px","contents"=>$footer). Please refer the screenshot footer html is also not aligned.

Well thank you David for such a quick response...

Hi David I have tried the workaround you have told. I am still not able to display the image in the header, can you elaborate on this? Its still not loading the image in the header. Also PDF header has margin from top and footer from bottom, how can I reduce that? .Horizontal lines above and below the header and footer is for you to see how much margin header and footer is taking.

Hi David, we are awaiting feedback, its very urgent because we need to deliver this project asap

$org_name = "XYZ Pvt. Ltd";
$org_address = "Address";


$img = '../img/sample-logo.png';
$header = '
<div style="border-bottom: 1px solid #dedede;">
 <table style="font-family: Arial; width: 100%; font-size: 13px;">
   <tr>
    <td style="width: 625px">
     <table>
       <tr>
         <td>
           <img src="'.$img.'" alt="'.$org_name.'" height="65">
         </td>
       </tr>
     </table>
    </td>
    <td style="font-family: Arial; width: 625px; text-align:right;">
      <table style="font-family: Arial; width: 100%; font-size: 13px; padding: 10px 0; text-align:right;">
        <tr>
          <td style="font-family: Arial; float: right;">
            <h3 style="font-family: Arial; font-size: 22px; font-weight: 600; text-transform: uppercase; margin: 0 0 5px 0;">'.$org_name.'</h3>
         </td>
       </tr>
       <tr>
         <td style="float: right;">
           <p style="font-family: Arial; font-size: 15px; margin: 0 0 5px 0;">'.$org_address.'</p>
         </td>
        </tr>
	<tr>
        </tr>
</table>
  </td>
     </tr>
	</table>
	  </div>
	   <br>';

$footer = '<table width="100%" style="font-family: Arial; border-top: 1px solid #dedede; font-size: 13px; text-align: left;margin-top:20px;">
<tr>
  <td style="width: 65px; font-weight: 600;text-align:right;">Print date & time:</td>
  <td style="width: 180px; text-align:left;">'.date("Y-m-d - H:i").'</td>
  <td style="width: 10px; font-weight: 600; text-align:right;">Printed By:</td>
  <td style="width: 190px;text-align:left;">'.$_SESSION['uname'].'</td>
  <td style="width: 10px; font-weight: 600; text-align:right;">Page:</td>
				<td style="width: 15px;">{pageNum} of {numPages}</td>
				</tr>
			</table>';

$this->loadKoolReport();
				$srcfile = 'Views/pdf/invoice';
				$mypage = new MyReport(array(
				 "orgHeader"=>$orgHeader,
				 "mainHead"=>$mainHead,
				 "secondaryHead"=>$secondaryHead,
				 "print_get_bill_header"=>$print_get_bill_header,
				 "print_get_bill_services"=>$print_get_bill_services,
				 "print_get_bill_settlement"=>$print_get_bill_settlement,
				 "printedby"=>$_SESSION['uname'],
				));
				$mypage->export($srcfile)
				->pdf(array(
					"header"=>array("height"=>"180px","contents"=>$header),
					"format"=>"A4",
					"orientation"=>"landscape",
					"footer"=>array("height"=>"65px","contents"=>$footer),
					"margin"=>array(
        			"top"=>"0in",
        			"bottom"=>"0in",
        			"left"=>"0in",
        			"right"=>"0inx`"
    				),
					 
				))
				->toBrowser("invoice.pdf",true); 

Please find the above code where we have defined html for header and footer and screenshot showing the output. As requested earlier we also want to reduce spacing from header top.

You have also mentioned a workaround __"There's an work around by adding your image anywhere in your page but hide it with css like this:

<img src="../img/sample-logo.png" alt="Xcel-RCM" height="65" style="display:none">"__ how will it display image in the header.

David I have added

<img src="../img/sample-logo.png" alt="Xcel-RCM" height="65" style="display:none">

in the PDF body, its style is style="display:none" that is why its not displaying, I want to understand, if I add the image tag anywhere else in the document, how it will display the image in header, which is currently displaying alt text "XYZ Pvt. Ltd" (Please refer screenshot in my last msg).

I have added top and bottom border on both header and footer, height is fine, but there is blank space above header and below footer(screenshot below), how can I reduce that...

In body

<img src="../img/sample-logo.png" alt="Xcel-RCM" height="65" style="display:none">

in header

<img src="../img/sample-logo.png" alt="Xcel-RCM" height="65">

and the output is

Here

Hey David, issue remains the same, same result as the last message

Well David, It does display the image in case I add the url given by you, but not when I add the url to our logo

Whats the difference?

We are using image src from other server its working anyway, so header image issue is resolved. In my previous queries I have shared a screenshot of the PDF, I have added top border on the header and border bottom in the footer to show how much extra space from top and bottom is generated, how can I reduce that?