Help - Search - Members - Calendar
Full Version: [resolved] Headers & Footers
Codegrrl.com Forums > Script Help > Tutorial Help
Elspeth
Dec 14 2007, 07:31 AM
I have had a site made for my husband but I'd like it converted (if possible) to php so that it's easier for me to update.
The problem is the page is made with tables and these go below the /header section in the html page so I'm unsure if I can move all the tables with images into my header.php or if I should keep them in my index.php.
Also can I put the bottom part of the html code, ie the last two table underneath the content into the footer.php or would that just make things totally wonky?? sad.gif
I'd greatly appreciate any help anyone can give since I've been looking at this for so long I just can't make head nor tail of it anymore.

Here's the code:
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kimmer's Tattoos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">function mmLoadMenus() {
  if (window.mm_menu_1203084729_0) return;
                        window.mm_menu_1203084729_0_1 = new Menu("Black",132,17,"sans-serif, Lucida Grande, Verdana, Helvetica, Arial",11,"#B9BAC6","#FFCCCC","#202228","#990000","left","middle",3,0,125,-5,7,true,true,true,0,false,true);
    mm_menu_1203084729_0_1.addMenuItem("Page&nbsp;1","location='http://www.kimmers.dk/english/tattoos.php'");
    mm_menu_1203084729_0_1.addMenuItem("Page&nbsp;2","location='http://www.kimmers.dk/english/tattoos.php?page2'");
     mm_menu_1203084729_0_1.fontWeight="bold";
     mm_menu_1203084729_0_1.hideOnMouseOut=true;
     mm_menu_1203084729_0_1.bgColor='#555555';
     mm_menu_1203084729_0_1.menuBorder=1;
     mm_menu_1203084729_0_1.menuLiteBgColor='#FFFFFF';
     mm_menu_1203084729_0_1.menuBorderBgColor='#000000';
  window.mm_menu_1203084729_0 = new Menu("root",132,17,"sans-serif, Lucida Grande, Verdana, Helvetica, Arial",11,"#B9BAC6","#FFCCCC","#202228","#990000","left","middle",3,0,125,-5,7,true,true,true,0,false,true);
  mm_menu_1203084729_0.addMenuItem(mm_menu_1203084729_0_1,"location='#'");
  mm_menu_1203084729_0.addMenuItem("Coloured","location='http://www.kimmers.dk/english/tattoos.php?coloured'");
  mm_menu_1203084729_0.addMenuItem("Tattoo&nbsp;Care","location='http://www.kimmers.dk/english/tattoos.php?care'");
   mm_menu_1203084729_0.fontWeight="bold";
   mm_menu_1203084729_0.hideOnMouseOut=true;
   mm_menu_1203084729_0.childMenuIcon="arrows.gif";
   mm_menu_1203084729_0.bgColor='#555555';
   mm_menu_1203084729_0.menuBorder=1;
   mm_menu_1203084729_0.menuLiteBgColor='#FFFFFF';
   mm_menu_1203084729_0.menuBorderBgColor='#000000';
  window.mm_menu_1203085717_0 = new Menu("root",128,17,"sans-serif, Lucida Grande, Verdana, Helvetica, Arial",11,"#C4C8D4","#FFCCCC","#202228","#990000","left","middle",3,0,125,-5,7,true,true,true,0,false,true);
  mm_menu_1203085717_0.addMenuItem("Fan&nbsp;Sites","location='http://www.kimmers.dk/english/links.php'");
  mm_menu_1203085717_0.addMenuItem("Friends","location='http://www.kimmers.dk/english/links.php?friends'");
  mm_menu_1203085717_0.addMenuItem("Kitsch","location='http://www.kimmers.dk/english/links.php?kitsch'");
  mm_menu_1203085717_0.addMenuItem("Reference","location='http://www.kimmers.dk/english/links.php?ref'");
  mm_menu_1203085717_0.addMenuItem("EU&nbsp;Studios","location='http://www.kimmers.dk/english/links.php?eu'");
  mm_menu_1203085717_0.addMenuItem("Other&nbsp;Studios","location='http://www.kimmers.dk/english/links.php?world'");
   mm_menu_1203085717_0.fontWeight="bold";
   mm_menu_1203085717_0.hideOnMouseOut=true;
   mm_menu_1203085717_0.bgColor='#555555';
   mm_menu_1203085717_0.menuBorder=1;
   mm_menu_1203085717_0.menuLiteBgColor='#FFFFFF';
   mm_menu_1203085717_0.menuBorderBgColor='#000000';
  window.mm_menu_1203094633_0 = new Menu("root",133,17,"sans-serif, Lucida Grande, Verdana, Helvetica, Arial",11,"#B9BAC6","#FFCCCC","#202228","#990000","left","middle",3,0,125,-5,7,true,true,true,0,false,true);
  mm_menu_1203094633_0.addMenuItem("About&nbsp;Me","location='http://www.kimmers.dk/english/info.php'");
  mm_menu_1203094633_0.addMenuItem("Contact","location='http://www.kimmers.dk/english/info.php?contact'");
  mm_menu_1203094633_0.addMenuItem("FAQ","location='http://www.kimmers.dk/english/info.php?faq'");
  mm_menu_1203094633_0.addMenuItem("Link&nbsp;Me","location='http://www.kimmers.dk/english/info.php?linkme'");
  mm_menu_1203094633_0.addMenuItem("Credits","location='http://www.kimmers.dk/english/info.php?credits'");
   mm_menu_1203094633_0.fontWeight="bold";
   mm_menu_1203094633_0.hideOnMouseOut=true;
   mm_menu_1203094633_0.bgColor='#555555';
   mm_menu_1203094633_0.menuBorder=1;
   mm_menu_1203094633_0.menuLiteBgColor='#FFFFFF';
   mm_menu_1203094633_0.menuBorderBgColor='#000000';

mm_menu_1203094633_0.writeMenus();
} // mmLoadMenus()
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body bgcolor="#282a30" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/interface/home-on.jpg','images/interface/tattoos-on.jpg','images/interface/links-on.jpg','images/interface/info-on.jpg')">
<script language="JavaScript1.2">mmLoadMenus();</script>
<table width="700" height="171" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="262" height="66"><img src="images/interface/a1.jpg" width="262" height="66"></td>
    <td width="177"><img src="images/interface/a2.jpg" width="177" height="66"></td>
    <td width="261"><img src="images/interface/a3.jpg" width="261" height="66"></td>
  </tr>
  <tr>
    <td width="262" height="105"><img src="images/interface/b1.jpg" width="262" height="105"></td>
    <td width="177"><img src="images/interface/b2.jpg" width="177" height="105"></td>
    <td width="261"><img src="images/interface/b3.jpg" width="261" height="105"></td>
  </tr>
</table>
<table width="700" height="33" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="130"><a href="http://www.kimmers.dk/english/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/interface/home-on.jpg',1)"><img src="images/interface/home-off.jpg" alt="Home" name="home" width="130" height="33" border="0"></a></td>
    <td width="132"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_swapImage('tattoos','','images/interface/tattoos-on.jpg',1);MM_showMenu(window.mm_menu_1203084729_0,0,33,null,'tattoos')"><img src="images/interface/tattoos-off.jpg" alt="Tattoos" name="tattoos" width="132" height="33" border="0"></a></td>
    <td width="177"><img src="images/interface/button_center.jpg" width="177" height="33"></td>
    <td width="128"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_swapImage('linkage','','images/interface/links-on.jpg',1);MM_showMenu(window.mm_menu_1203085717_0,0,33,null,'linkage')"><img src="images/interface/links-off.jpg" alt="Links" name="linkage" width="128" height="33" border="0"></a></td>
    <td width="133"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_swapImage('info','','images/interface/info-on.jpg',1);MM_showMenu(window.mm_menu_1203094633_0,0,33,null,'info')"><img src="images/interface/info-off.jpg" alt="Info" name="info" width="133" height="33" border="0"></a></td>
  </tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#7c7d85">
  <tr>
    <td width="61" height="61" valign="top"><img src="images/interface/top_left.jpg" width="61" height="61"></td>
    <td width="578" valign="top" background="images/interface/top.gif"><img src="images/interface/top_left_b.gif" width="201" height="61"><img src="images/interface/top_center.gif" width="177" height="61"><img src="images/interface/top_right_b.gif" width="200" height="61"></td>
    <td width="61" height="61" valign="top"><img src="images/interface/top_right.jpg" width="61" height="61"></td>
  </tr>
  <tr>
    <td width="61" background="images/interface/leftside.gif"><img src="images/interface/space_empty.gif" width="61" height="10"></td>
    <td width="578" valign="top"><table width="578" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#4B4E5B" bgcolor="#ABACB7">
        <tr>
          <td>
            <div align="center"> <font size="4" face="sans-serif, Lucida Grande, Verdana, Helvetica, Arial"><strong>Welcome
              to Kimmer's Tattoos</strong></font></div></td>
        </tr>
      </table>
      <br>
      <table width="578" border="1" align="center" cellpadding="10" cellspacing="0" bordercolor="#4B4E5B" bgcolor="#ABACB7">
        <tr>
          <td><font face="sans-serif, Lucida Grande, Verdana, Helvetica, Arial">Defui
            defui in, tation autem iustum macto ideo sed. Delenit abico suscipit
            veniam blandit vero vel. Blandit luctus comis sed rusticus bene volutpat
            tation. Bene, adipiscing euismod singularis elit tincidunt proprius
            minim obruo saepius verto cui augue, abdo. <br>
            <br>
            Dignissim vicis tincidunt, amet quadrum, patria, illum jumentum. Refero
            damnum adsum eros amet vel distineo luptatum turpis exerci caecus
            praesent eum luctus. Ventosus neque adipiscing mos velit rusticus
            macto demoveo nibh ex. Genitus velit eum luptatum, esse in, caecus
            accumsan te ullamcorper vicis ad veniam tum, pecus.<br>
            <br>
            Adsum at, bene gilvus nulla tincidunt nonummy, consectetuer tristique
            ea camur duis consequat. Singularis antehabeo vulputate caecus vulputate
            augue tego suscipit ex turpis rusticus bene, nulla. Indoles aliquam
            esse ibidem duis, minim nullus vereor virtus luctus pala iusto vero.
            Vel suscipit esca, nulla similis lucidus indoles imputo ulciscor.
            </font><br> <br>
            <font face="sans-serif, Lucida Grande, Verdana, Helvetica, Arial">Dignissim
            vicis tincidunt, amet quadrum, patria, illum jumentum. Refero damnum
            adsum eros amet vel distineo luptatum turpis exerci caecus praesent
            eum luctus. Ventosus neque adipiscing mos velit rusticus macto demoveo
            nibh ex. Genitus velit eum luptatum, esse in, caecus accumsan te ullamcorper
            vicis ad veniam tum, pecus.<br>
            <br>
            Fyns Tattoo - Svendborg<br>
            Korsgade 14D,<br>
            Svendborg Midtby,<br>
            Denmark.<br></font></td>
        </tr>
      </table>
      <div align="center"><br>
        <img src="images/link-badge.gif" width="100" height="35"> <br>
        <img src="images/link-banner.jpg" width="468" height="60"> <br>
      </div></td>
    <td width="61" background="images/interface/rightside.gif"><img src="images/interface/space_empty.gif" width="61" height="10"></td>
  </tr>
  <tr>
    <td width="61" height="61"><img src="images/interface/bottom_left.gif" width="61" height="61"></td>
    <td width="578" align="center" valign="bottom" background="images/interface/bottom.gif"><img src="images/interface/bottom_center.gif" width="177" height="61"></td>
    <td width="61" height="61"><img src="images/interface/bottom_right.gif" width="61" height="61"></td>
  </tr>
</table>
<br>
<br>
</body>
</html>

Martina
Dec 14 2007, 03:31 PM
This should work...but I'm not sure, what is really the same on every site. And sure you can put the bottom part into a footer. You SHOULD!


HEADER.PHP:
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Kimmer's Tattoos</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">function mmLoadMenus() {
  if (window.mm_menu_1203084729_0) return;
                        window.mm_menu_1203084729_0_1 = new Menu("Black",132,17,"sans-serif, Lucida Grande, Verdana, Helvetica, Arial",11,"#B9BAC6","#FFCCCC","#202228","#990000","left","middle",3,0,125,-5,7,true,true,true,0,false,true);
    mm_menu_1203084729_0_1.addMenuItem("Page&nbsp;1","location='http://www.kimmers.dk/english/tattoos.php'");
    mm_menu_1203084729_0_1.addMenuItem("Page&nbsp;2","location='http://www.kimmers.dk/english/tattoos.php?page2'");
     mm_menu_1203084729_0_1.fontWeight="bold";
     mm_menu_1203084729_0_1.hideOnMouseOut=true;
     mm_menu_1203084729_0_1.bgColor='#555555';
     mm_menu_1203084729_0_1.menuBorder=1;
     mm_menu_1203084729_0_1.menuLiteBgColor='#FFFFFF';
     mm_menu_1203084729_0_1.menuBorderBgColor='#000000';
  window.mm_menu_1203084729_0 = new Menu("root",132,17,"sans-serif, Lucida Grande, Verdana, Helvetica, Arial",11,"#B9BAC6","#FFCCCC","#202228","#990000","left","middle",3,0,125,-5,7,true,true,true,0,false,true);
  mm_menu_1203084729_0.addMenuItem(mm_menu_1203084729_0_1,"location='#'");
  mm_menu_1203084729_0.addMenuItem("Coloured","location='http://www.kimmers.dk/english/tattoos.php?coloured'");
  mm_menu_1203084729_0.addMenuItem("Tattoo&nbsp;Care","location='http://www.kimmers.dk/english/tattoos.php?care'");
   mm_menu_1203084729_0.fontWeight="bold";
   mm_menu_1203084729_0.hideOnMouseOut=true;
   mm_menu_1203084729_0.childMenuIcon="arrows.gif";
   mm_menu_1203084729_0.bgColor='#555555';
   mm_menu_1203084729_0.menuBorder=1;
   mm_menu_1203084729_0.menuLiteBgColor='#FFFFFF';
   mm_menu_1203084729_0.menuBorderBgColor='#000000';
  window.mm_menu_1203085717_0 = new Menu("root",128,17,"sans-serif, Lucida Grande, Verdana, Helvetica, Arial",11,"#C4C8D4","#FFCCCC","#202228","#990000","left","middle",3,0,125,-5,7,true,true,true,0,false,true);
  mm_menu_1203085717_0.addMenuItem("Fan&nbsp;Sites","location='http://www.kimmers.dk/english/links.php'");
  mm_menu_1203085717_0.addMenuItem("Friends","location='http://www.kimmers.dk/english/links.php?friends'");
  mm_menu_1203085717_0.addMenuItem("Kitsch","location='http://www.kimmers.dk/english/links.php?kitsch'");
  mm_menu_1203085717_0.addMenuItem("Reference","location='http://www.kimmers.dk/english/links.php?ref'");
  mm_menu_1203085717_0.addMenuItem("EU&nbsp;Studios","location='http://www.kimmers.dk/english/links.php?eu'");
  mm_menu_1203085717_0.addMenuItem("Other&nbsp;Studios","location='http://www.kimmers.dk/english/links.php?world'");
   mm_menu_1203085717_0.fontWeight="bold";
   mm_menu_1203085717_0.hideOnMouseOut=true;
   mm_menu_1203085717_0.bgColor='#555555';
   mm_menu_1203085717_0.menuBorder=1;
   mm_menu_1203085717_0.menuLiteBgColor='#FFFFFF';
   mm_menu_1203085717_0.menuBorderBgColor='#000000';
  window.mm_menu_1203094633_0 = new Menu("root",133,17,"sans-serif, Lucida Grande, Verdana, Helvetica, Arial",11,"#B9BAC6","#FFCCCC","#202228","#990000","left","middle",3,0,125,-5,7,true,true,true,0,false,true);
  mm_menu_1203094633_0.addMenuItem("About&nbsp;Me","location='http://www.kimmers.dk/english/info.php'");
  mm_menu_1203094633_0.addMenuItem("Contact","location='http://www.kimmers.dk/english/info.php?contact'");
  mm_menu_1203094633_0.addMenuItem("FAQ","location='http://www.kimmers.dk/english/info.php?faq'");
  mm_menu_1203094633_0.addMenuItem("Link&nbsp;Me","location='http://www.kimmers.dk/english/info.php?linkme'");
  mm_menu_1203094633_0.addMenuItem("Credits","location='http://www.kimmers.dk/english/info.php?credits'");
   mm_menu_1203094633_0.fontWeight="bold";
   mm_menu_1203094633_0.hideOnMouseOut=true;
   mm_menu_1203094633_0.bgColor='#555555';
   mm_menu_1203094633_0.menuBorder=1;
   mm_menu_1203094633_0.menuLiteBgColor='#FFFFFF';
   mm_menu_1203094633_0.menuBorderBgColor='#000000';

mm_menu_1203094633_0.writeMenus();
} // mmLoadMenus()
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<script language="JavaScript" src="mm_menu.js"></script>
</head>

<body bgcolor="#282a30" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onLoad="MM_preloadImages('images/interface/home-on.jpg','images/interface/tattoos-on.jpg','images/interface/links-on.jpg','images/interface/info-on.jpg')">
<script language="JavaScript1.2">mmLoadMenus();</script>
<table width="700" height="171" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="262" height="66"><img src="images/interface/a1.jpg" width="262" height="66"></td>
    <td width="177"><img src="images/interface/a2.jpg" width="177" height="66"></td>
    <td width="261"><img src="images/interface/a3.jpg" width="261" height="66"></td>
  </tr>
  <tr>
    <td width="262" height="105"><img src="images/interface/b1.jpg" width="262" height="105"></td>
    <td width="177"><img src="images/interface/b2.jpg" width="177" height="105"></td>
    <td width="261"><img src="images/interface/b3.jpg" width="261" height="105"></td>
  </tr>
</table>
<table width="700" height="33" border="0" align="center" cellpadding="0" cellspacing="0">
  <tr>
    <td width="130"><a href="http://www.kimmers.dk/english/index.php" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/interface/home-on.jpg',1)"><img src="images/interface/home-off.jpg" alt="Home" name="home" width="130" height="33" border="0"></a></td>
    <td width="132"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_swapImage('tattoos','','images/interface/tattoos-on.jpg',1);MM_showMenu(window.mm_menu_1203084729_0,0,33,null,'tattoos')"><img src="images/interface/tattoos-off.jpg" alt="Tattoos" name="tattoos" width="132" height="33" border="0"></a></td>
    <td width="177"><img src="images/interface/button_center.jpg" width="177" height="33"></td>
    <td width="128"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_swapImage('linkage','','images/interface/links-on.jpg',1);MM_showMenu(window.mm_menu_1203085717_0,0,33,null,'linkage')"><img src="images/interface/links-off.jpg" alt="Links" name="linkage" width="128" height="33" border="0"></a></td>
    <td width="133"><a href="#" onMouseOut="MM_swapImgRestore();MM_startTimeout();" onMouseOver="MM_swapImage('info','','images/interface/info-on.jpg',1);MM_showMenu(window.mm_menu_1203094633_0,0,33,null,'info')"><img src="images/interface/info-off.jpg" alt="Info" name="info" width="133" height="33" border="0"></a></td>
  </tr>
</table>
<table width="700" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#7c7d85">
  <tr>
    <td width="61" height="61" valign="top"><img src="images/interface/top_left.jpg" width="61" height="61"></td>
    <td width="578" valign="top" background="images/interface/top.gif"><img src="images/interface/top_left_b.gif" width="201" height="61"><img src="images/interface/top_center.gif" width="177" height="61"><img src="images/interface/top_right_b.gif" width="200" height="61"></td>
    <td width="61" height="61" valign="top"><img src="images/interface/top_right.jpg" width="61" height="61"></td>
  </tr>
  <tr>
    <td width="61" background="images/interface/leftside.gif"><img src="images/interface/space_empty.gif" width="61" height="10"></td>
    <td width="578" valign="top"><table width="578" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#4B4E5B" bgcolor="#ABACB7">
        <tr>
          <td>
            <div align="center"> <font size="4" face="sans-serif, Lucida Grande, Verdana, Helvetica, Arial"><strong>Welcome
              to Kimmer's Tattoos</strong></font></div></td>
        </tr>
      </table>
      <br>
      <table width="578" border="1" align="center" cellpadding="10" cellspacing="0" bordercolor="#4B4E5B" bgcolor="#ABACB7">
        <tr>
          <td>



INDEX.PHP:
CODE

<?php include ('header.php'); ?>

<font face="sans-serif, Lucida Grande, Verdana, Helvetica, Arial">Defui
            defui in, tation autem iustum macto ideo sed. Delenit abico suscipit
            veniam blandit vero vel. Blandit luctus comis sed rusticus bene volutpat
            tation. Bene, adipiscing euismod singularis elit tincidunt proprius
            minim obruo saepius verto cui augue, abdo. <br>
            <br>
            Dignissim vicis tincidunt, amet quadrum, patria, illum jumentum. Refero
            damnum adsum eros amet vel distineo luptatum turpis exerci caecus
            praesent eum luctus. Ventosus neque adipiscing mos velit rusticus
            macto demoveo nibh ex. Genitus velit eum luptatum, esse in, caecus
            accumsan te ullamcorper vicis ad veniam tum, pecus.<br>
            <br>
            Adsum at, bene gilvus nulla tincidunt nonummy, consectetuer tristique
            ea camur duis consequat. Singularis antehabeo vulputate caecus vulputate
            augue tego suscipit ex turpis rusticus bene, nulla. Indoles aliquam
            esse ibidem duis, minim nullus vereor virtus luctus pala iusto vero.
            Vel suscipit esca, nulla similis lucidus indoles imputo ulciscor.
            </font><br> <br>
            <font face="sans-serif, Lucida Grande, Verdana, Helvetica, Arial">Dignissim
            vicis tincidunt, amet quadrum, patria, illum jumentum. Refero damnum
            adsum eros amet vel distineo luptatum turpis exerci caecus praesent
            eum luctus. Ventosus neque adipiscing mos velit rusticus macto demoveo
            nibh ex. Genitus velit eum luptatum, esse in, caecus accumsan te ullamcorper
            vicis ad veniam tum, pecus.<br>
            <br>
            Fyns Tattoo - Svendborg<br>
            Korsgade 14D,<br>
            Svendborg Midtby,<br>
            Denmark.<br></font>

<?php include ('footer.php'); ?>



FOOTER.PHP:
CODE

</td>
        </tr>
      </table>
      <div align="center"><br>
        <img src="images/link-badge.gif" width="100" height="35"> <br>
        <img src="images/link-banner.jpg" width="468" height="60"> <br>
      </div></td>
    <td width="61" background="images/interface/rightside.gif"><img src="images/interface/space_empty.gif" width="61" height="10"></td>
  </tr>
  <tr>
    <td width="61" height="61"><img src="images/interface/bottom_left.gif" width="61" height="61"></td>
    <td width="578" align="center" valign="bottom" background="images/interface/bottom.gif"><img src="images/interface/bottom_center.gif" width="177" height="61"></td>
    <td width="61" height="61"><img src="images/interface/bottom_right.gif" width="61" height="61"></td>
  </tr>
</table>
<br>
<br>
</body>
</html>



Elspeth
Dec 14 2007, 10:12 PM
Whoo-hoo.... thanks Martina. It's working brilliantly. clap.gif
It looks great and I've even managed to get the elseif query string working so that the other links will load in the index section.
Now all I have to do is tidy up the css code and put it into one single file rather than scattered all over the files.
Thank you for save my sanity... I can now finally get going on getting this site up and running for Christmas since it's supposed to my husband's suprise present.
Hope you have a great holiday and I can't thank you enough. wub.gif
ilona_
Dec 15 2007, 03:09 AM
You might want to read this or this. Basically, everything before the content that you want to show in every page should be in header.php and everything after the content that you want to show in every page in footer.php smile.gif
Elspeth
Dec 15 2007, 10:29 AM
Thanks for the links ilona.. I'd looked at both but there was no mention of tables in either of those tuts.. so I wasn't sure and so I thought I'd check with some experts. biggrin.gif
Martina
Dec 15 2007, 11:28 AM
It doesn't have anything to do with tables or not -
however you make your layout:

you just put everything what you have on EVERY page of your site in the html code into the header and footer files, and that what changes into the single files with the header and footer includes at top and bottom.
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.