Print Web Page with Constant Header and Footer


Design HTML Page Header and Footer for your web print out like you do with Office programs.

Most people use the header for the brand information and footer for copyright or address information.

When you are developing a web application then you may need to print the report based on the end user input but dynamic content will not help you to place the header and footer at exact position .

Solution - Custom header and footer for html web print outs using CSS.

Here i have designed a html page for your reference with inbuilt css .


<?xml version='1.0' encoding='utf-8'505'?>

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/2000/REC-xhtml1-20000126/DTD/xhtml1-transitional.dtd'>
<html lang='en-GB' xml:lang='en-GB' xmlns='http://www.w3.org/1999/xhtml'> 
<head> <title>Technology Innovation</title><meta http-equiv='Content-Type' content='text/html; charset=utf-8'>
<style type='text/css'>
thead { display: table-header-group; }
tfoot { display: table-footer-group; }
</style>
</head>

<body>
<table>
<thead><tr><td><!-- Your Header details here --> </td></tr></thead>
<tfoot><tr><td><!-- Your Footer details here --> </td></tr></tfoot>
<tbody>
<tr><td>  
<!-- Your Report details here --> 
</td></tr>
</tbody>
</table>
</body>
</html>




Comments

  1. I every time emailed this blog post page to all my contacts, since if like to read it after that my contacts will too.
    Also see my page :: antivirus mac

    ReplyDelete

Post a Comment

Popular posts from this blog

Database Multi Language Support Format

Five More Indian Languages - Google Translate