HTML - Header And Footer In Seperate File?

HI
I have a .htm file in which i dynmically insert the data. Now wht i want that i want to put header and footer in each print page of thta html file , dynmically thoroght VB.NET Code.

The header and footer can contail , the company logo, Title of page and so on.

can u big boss please tell me how can i do this.

Thanks

Hello. First time here asking for help. Hope there's a solution!

The site in question is http://www.jason-bradbury.com/Design.html. It's my first attempt at web design and I'm stumped.

The goal is to present my art portfolio in a horizontal scrolling layout with a fixed header and footer. Ideally it would look identical across the many browser platforms.

On a Windows laptop, my page looks and functions as it should in the latest browser versions of Safari, Google Chrome and Firefox as long as there aren't a stack of toolbars enabled. If toolbars are present (mostly in Firefox), the footer gets truncated and the page will not vertical scroll to allow it to be seen.

So my first problem is getting the vertical scrolling (for the entire page including header and footer) to appear only when necessary in that situation.

On my Mac Pro (I have not been able to test a Macbook yet) the page appears normal across the board with Safari and Firefox (have not tested Chrome or IE)

The second problem is that in all versions of IE (and older versions of Firefox prior to 4.0) the page is displayed incorrectly.

In IE, the header is missing, the left margin is way off and a vertical scrollbar is present for the body (again, if the vertical scrolling was for the entire page it wouldn't be so bad). As for the horizontal scrolling, it is very sluggish in IE.

Firefox only has the vertical scrollbar in the body problem and since the header is shown in that browser, the body overlaps it when scrolled up.

The page was originally designed in iWeb and then I had to tweak the code in Dreamweaver to get the fixed header and footer.

Hope someone can help me out here! Cheers, Jason.

hi I need to know how you would create a header that simply just displays a picture . Can someone please post the code on here for that ?

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

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

If you want to download a variable length text file, what would be the correct http headers to use?

Which of these two codes are more acceptable and why?

Code:

<p class="margin" align="justify">
  <font size="4">
    Believe it or not, yes - people do still get their electronics
    repaired! Whether it is a brand-new, just-out-of-warranty LCD 
    or plasma television or a ten-year-old, "old-fashioned" CRT set 
    - we work on them every day. This includes DLP and rear 
    projection sets as well. We also do repairs on your impossible 
    to replace VCRs, desktop and laptop computers and even the 
    occasional blender! <br>
      <br>
    We usually have several televisions that were either donated or 
    left on our doorstep. These TVs are repaired and then placed up 
    for sale to good homes. Right now, we have a special - 
    <font color="#A52A2A">20% off the purchase of any
    TV.</font><br>
      <br>
    And remember: With over 15 years experience in electronic 
    repair, there's a good chance <b><i>"If We Can't Fix It, You 
    Don't Need It!"</i></b><br>
  </font>
</p>

or

Code:

<p class="margin" align="justify">
  <font size="4">
    Believe it or not, yes - people do still get their electronics
    repaired! Whether it is a brand-new, just-out-of-warranty LCD 
    or plasma television or a ten-year-old, "old-fashioned" CRT set 
    - we work on them every day. This includes DLP and rear 
    projection sets as well. We also do repairs on your impossible 
    to replace VCRs, desktop and laptop computers and even the 
    occasional blender!
  </font>
</p>

<p class="margin" align="justify">
  <font size="4">
    We usually have several televisions that were either donated or 
    left on our doorstep. These TVs are repaired and then placed up 
    for sale to good homes. Right now, we have a special - 
    <font color="#A52A2A">20% off the purchase of any
    TV.</font>
  </font>
</p>

<p class="margin" align="justify">
  <font size="4">
    And remember: With over 15 years experience in electronic 
    repair, there's a good chance <b><i>"If We Can't Fix It, You 
    Don't Need It!"</i></b>
  </font>
</p>

Personally, I usually use the first code, unless I have special circumstances that break the paragraph formatting anyway. I am just curious about what is more acceptable in HTML-world.

Thanks...

Ladies and gents,
I have a checkbox list, simple like this:

<input type=\"checkbox\" name=\"ck[]\" value=\"1\" />
<input type=\"checkbox\" name=\"ck[]\" value=\"2\" />
<input type=\"checkbox\" name=\"ck[]\" value=\"3\" />


Now, I know how to process this information using the "SUBMIT" button. The problem is, the submit button is located far away from the checkbox. It's in a different divider and everything.

I'd like to do this, on a seperate part of the page...

<a href = process_checkbox.php>Click Here</a> Keep in mind it's in a seperate div.

Is this possible?

Thanks!

....I had enough! My footer is all over the place! Why can't it just move down when the text becomes longer! I am just using <div>. My header, the nav bar and the right side bar are fixed and I want the footer to just fit in underneath. Anybody got some code which solves that problem?

Chris

PHP Code:
<?php
echo "<div class='mainarea'>";
include ("includes/header.inc");

include ("includes/navigation.inc");


if ($var == 'service' or $var == 'consultancy')
{         echo "<div class='textarea_services'><p><br /></p>";
        include ("text.php");
        echo "</div>";        
}
else
{         echo "<div class='textarea'><p><br /></p>";
        include ("text.php");
        echo "</div>";        
}                


if ($var != 'service' and $var != 'consultancy'){include ("includes/rightside.inc");}

if ($var != 'privacy'){include ("includes/footer.inc");}
echo "</div>";
?>

Hey, im trying to find out why the header on my website isnt at the top of the page. it also moves sometimes even though the code appears to be all the same.

the address is www.themonsterbox.com

thanks in advance for any help.

This is the website I'm working on:

http://glacurh.nacurh.org/GLACURH2011/

I cannot, for the life of me, get a footer put below everything with a thin, solid border on it with text aligned in the middle. The footer width, including the border, should be 800x40. The background color should be #FABF8F.

Please help! I don't know what I'm doing wrong!

You all rock!

I couldn't find my footer anywhere on my page, when I copied a footer from another page of mine, it put the footer in the wrong place and I can't get it to go back to being a footer instead of part of the content box.

Please help!

Hi, im trying to create a footer that sticks to the bottom of my page and stays there. Please help, im sorta new with this, html/css stuff, I have tried many of the codes that i have searched on google. Any other ways? Please tell me. Thanks

The footer on my webpage stays with the bottom of the window - now when I make the window smaller, the footer moves with the window and then stays there, when I scroll down, the footer stays in the middle of the text. WHAT'S WRONG?

Please have a look:
http://www.stainless-expert.com/new/index.php

Thanks

Chris

I'll having issue on my page, I want to insert a footer for the copyright of this page but I cannot figure out what or how could I insert a footer to my css code and html code.

Code:

body 
{ margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
  font-family: Arial, Helvetica, sans-serif;
  background: #FFFAFA;
}

a:link {
color: #1C1C1C;
text-decoration: none;
}     /* unvisited link */
a:visited {
color: #1C1C1C;
text-decoration: none;
}  /* visited link */
a:hover {color: #0099CC}   /* mouse over link */
a:active {color: #0099CC}   /* selected link */

 
.seperators {color: white}/* Navigation selector */
#nav {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
}
#nav  a:link {
color: #FFFFFF;
text-decoration: none;
}     /* unvisited link */
#nav  a:visited {
color: #FFFFFF;
text-decoration: none;
}  /* visited link */
#nav a:hover {color: #0099CC}   /* mouse over link */
#nav  a:active {color: #0099CC}   /* selected link */


/* menu*/


/* left column  */
#left {
  position: absolute;
  left: 15px;
  top: 160px;
  width: 200px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #D3D3D3;
  }
#left  .searchengine {
  width: 180px; 
  margin: 10px;
  background: #DCDCDC; 
  padding-bottom: 4px;
  padding-top: 4px; 
  border-bottom: 0.5pt solid RGB(0,0,0);
  }
#left img {width: 180px; margin: 10px;}
#left .leftbox {width: 180px; margin: 10px;}
#left .leftbox .leftheaderbox {
  background: url('../images/Header.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 30px; 
  font-size: 14px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#left .leftbox .leftheaderbox span {
  top: 7px; 
  left: 6px; 
  position: relative; 
  color: #F0F8FF;
}
#left .leftbox .leftheaderlist {
  background: url('../images/headerlist.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 25px; 
  font-size: 12px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#left .leftbox .leftheaderlist span {
  top: 7px; 
  left: 7px; 
  position: relative; 
  color: #F0F8FF;
}

#left .leftbox .leftboxlist{
  border-top: 1px outset;
  font-size: 10px;
  background: #E2E2E2;
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 18px;
  padding-top: 4px;
  height: 18px;
  border-left-style: none; 
  border-right-style: none;
  border-top-style: none;
  border-bottom: 0.5pt solid RGB(0,0,0);
}

/* middle column  */
#center {
  position: absolute;
  top: 155px;
  width: 543px;
  margin-left: 230px;
  margin-right: 230px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #C8C8C8 ;
  }
#center .middlenav{
width: 543px;
height: 20px; 
background: #A80000;
border-bottom: 1.5pt solid #D2B48C;
}
#center .middlecontent{
width: 543px;
}
#center .middlecontent .title{
position: relative; 
font-size: 12px;
font-weight: bold;
text-align: left; 
margin: 5px;
background: #D3D3D3;  
color: #708090;
border-top: 1.5pt solid #A80000;
border-bottom: 1.5pt solid #A80000;
}

#center .middlecontent .content{
position: relative; 
margin: 5px;
font-size: 10px;
text-align: justify;  
text-indent: 5px;
}


/* right column  */
#right {
  position: absolute;
  right: 15px;
  top: 160px;
  width: 200px;
  background: #F5F5F5;
  border-bottom: 0.5pt solid RGB(0,0,0);
  border-right: 0.5pt solid #D3D3D3;
  }
#right .rightbox {width: 180px; margin: 10px;}
#right .rightbox .rightheaderbox {
  background: url('../images/Header.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 30px; 
  font-size: 14px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#right .rightbox .rightheaderbox span {
  top: 7px; 
  left: 6px; 
  position: relative; 
  color: #F0F8FF;
}
#right .rightbox .rightheaderlist {
  background: url('../images/headerlist.gif') #E2E2E2;
  background-repeat: no-repeat; 
  height: 25px; 
  font-size: 12px; 
  font-weight: bold; 
  border-bottom: 0.5pt solid RGB(0,0,0);
}
#right .rightbox .rightheaderlist span {
  top: 7px; 
  left: 7px; 
  position: relative; 
  color: #F0F8FF;
}

#right .rightbox .rightboxlist{
  border-top: 1px outset;
  font-size: 10px;
  background: #E2E2E2;
  background-repeat: no-repeat;
  background-position: 5px;
  padding-left: 18px;
  padding-top: 4px;
  height: 18px;
  border-left-style: none; 
  border-right-style: none;
  border-top-style: none;
  border-bottom: 0.5pt solid RGB(0,0,0);
}

And here the actual output/page





I want the footer to be like as my header just a rectangular, please someOne help me with this.