Search : in
By :

Header and footer in HTML

Last answer on Oct 26, 2009 5:31:34 pm GMT JudySis, on Jan 28, 2008 7:47:54 am GMT 
 Report this message to moderators

Hello,
Is it possible to include a header and footer file using HTML? I have my file (saved as a .html) and need to be able to include the HTML for the header and footer. Anyone know how I can do this?
Thanks a lot.

Best answers for « Header and footer in HTML » in :
How to easily display PHP/HTML codes in your webpages ShowHow to easily display PHP/HTML codes in your webpages Issue What code to use? Issue If you want your visitors to be able to see the source codes of your webpage, there is a very easy way to do so. Normally, all you have to do in a...
Bad Pool Caller/ Header ShowBad Pool Caller/ Header Issue Solution Issue If after launching an application , a blue screen appears on your screen displaying below error message : Bad Pool Caller Bad Pool Header Solution The error message or...
Remove the border on an image in a link in HTML / CSS ShowRemove the border on an image in a link in HTML/CSS HTML You made a clickable image by using the IMG tag within a link and the browser displays a frame or more precisely a border around the image. There are two ways...
Download Convert HTML To Image ShowTo allow you to design a website, you need to see several templates corresponding to its field. Thus you must capture web pages. Convert HTML to Image allows you to perform this operation easily. This software can capture a screenshot in several...
Download HTML Tidy ShowHTML Tidy is an utility allowing to prove and to optimize everything encodes HTML. The original version of this utility uses in mode of order only. The present version, called "MISTLETOE TIDY", has a graphic interface. Note that certain editors...
Structure of an email (Headers and bodies) ShowStructure of an email An email has three basic parts: The header, a set of lines containing information about the message's transportation, such as the sender's address, the recipient's address, or timestamps showing when the message was sent by...
Declaring a style sheet (CSS) ShowDeclaring a style sheet Style sheets are not directly integrated into the W3C's HTML recommendations. For this reason, you need to include elements in the HTML code indicating both the type of document, meaning the version of the HTML and CSS...
HTML Markup ShowHTML, A Markup Language HTML is not a programming language. Rather, it is used for describing the layout and format of content, written in the form of simple text. An HTML page is a basic text file containing tags for specifying text format,...

2

Pato, on Feb 7, 2008 4:41:45 pm GMT
  • +1

You can use SSI (Server Side Includes) http://httpd.apache.org/docs/1.3/howto/ssi.html.html ... the best way would be to use a server side langage like PHP (simple and easy to learn)

<?php include "http://www.mydomain/header.php" ?>

<stong>MY HTML CODE IN THE MAIN CELL</strong>

<?php include "http://www.mydomain/footer.php" ?>

Reply to Pato

3

..how to set Header and footer in HTML with ex, on Jul 14, 2008 10:18:49 am BST
  • +43

How to set Header and footer in HTML with example

Reply to ..how to set Header and footer in HTML with ex

4

Shri, on Apr 13, 2009 10:25:01 am BST
  • +26

Pls tell me How to set Header (seperate page) and footer (seperate page) in a master HTML page with example

Reply to Shri

5

JaCk..., on May 8, 2009 3:06:25 am BST
  • +12

Use Div to set header footers

Reply to JaCk...

6

dd, on Jun 1, 2009 8:01:49 am BST
  • +2

Asdf

Reply to dd

manju, on Jul 22, 2009 12:29:59 pm BST
  • +7

Give me the code for creating header and footer

Reply to manju

7

 abc, on Oct 26, 2009 5:31:34 pm GMT
  • +1

<!-- IE in quirks mode -->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<title>Fixed header and footer</title>
<style type="text/css">
body{
margin:0;
padding:header-<length> 0 footer-<length> 0;
}
div#header{
position:absolute;
top:0;
left:0;
width:100%;
height:header-<length>;
}
div#footer{
position:absolute;
bottom:0;
left:0;
width:100%;
height:footer-<length>;
}
@media screen{
body>div#header{
position:fixed;
}
body>div#footer{
position:fixed;
}
}
* html body{
overflow:hidden;
}
* html div#content{
height:100%;
overflow:auto;
}
</style>
<div id="header"> header </div>
<div id="footer"> footer </div>
<div id="content"> content </div>

Reply to abc