Site Header Help

This is a discussion on "Site Header Help" within the Web Page Design section. This forum, and the thread "Site Header Help are both part of the Design Your Website category.



Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design
Reload this Page Site Header Help

Notices
Please Register!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.


Closed Thread
 
LinkBack Thread Tools
  #1 (permalink)  
Old Jun 25th, 2006, 19:02
New Member
Join Date: Jun 2006
Location: Orlando
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Site Header Help
I designed my header for my site. However, I have tried and tried to have my pages referance it. How would I be able to use this header across all my pages with all the code intact and without actually putting it in all my pages? I've tried different inlucde functions but all I get is a blank page or refereance.
I am completely new to this. So a step by step would be great. Thanks.

  #2 (permalink)  
Old Jun 25th, 2006, 19:05
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to sypher
Re: Site Header Help
Okay before you do anything.

Put all that css and javascript in external files.

DONT include any <head> <body> etc tags in files that you want to include across multiple pages.

Next create a blank index.php file with just the basic structure then in the body section put
PHP: Select all

<?php
include("header.htm");
?>
  #3 (permalink)  
Old Jun 25th, 2006, 19:18
New Member
Join Date: Jun 2006
Location: Orlando
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Site Header Help
O.k. So I have the following:
menu.js
Code: Select all
<!--
   function InitMenu()
   {
     var bar = menuBar.children     
     for(var i=0;i < bar.length;i++) 
        {
          var menu=eval(bar[i].menu)
          menu.style.visibility = "hidden"
          bar[i].onmouseover = new Function("ShowMenu("+bar[i].id+")")
          var Items = menu.children
          for(var j=0; j<Items.length; j++)
            {
              var menuItem = eval(Items[j].id)
 
                if(menuItem.menu != null)
                   { 
                    menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'>4</Span>"
                    //var tmp = eval(menuItem.id+"_Arrow")
                    // tmp.style.pixelLeft = menu.getBoundingClientRect().Right //- tmp.offsetWidth - 15
                    FindSubMenu(menuItem.menu)}
 
                 if(menuItem.cmd != null) 
                   {
                   menuItem.onclick = new Function("Do("+menuItem.id+")") } 
 
              menuItem.onmouseover = new Function("highlight("+Items[j].id+")")
 
            }    
 
        }  
   }
   function FindSubMenu(subMenu)
   {
         var menu=eval(subMenu)
         var Items = menu.children
          for(var j=0; j<Items.length; j++)
            {
              menu.style.visibility = "hidden"
              var menuItem = eval(Items[j].id)
 
 
              if(menuItem.menu!= null)
                 {
                    menuItem.innerHTML += "<Span Id="+menuItem.id+"_Arrow class='Arrow'>4</Span>"
                    // var tmp = eval(menuItem.id+"_Arrow")
                    //tmp.style.pixelLeft = 35 //menuItem.getBoundingClientRect().right - tmp.offsetWidth - 15
                    FindSubMenu(menuItem.menu)
                 }
                 if(menuItem.cmd != null) 
                   {
                   menuItem.onclick = new Function("Do("+menuItem.id+")") } 
 
              menuItem.onmouseover = new Function("highlight("+Items[j].id+")")
 
            }  
   } 
   function ShowMenu(obj)
   {
     HideMenu(menuBar)
     var menu = eval(obj.menu)
     var bar = eval(obj.id)
     bar.className="barOver"
     menu.style.visibility = "visible"
     menu.style.pixelTop =  obj.getBoundingClientRect().top + obj.offsetHeight + Bdy.scrollTop
     menu.style.pixelLeft = obj.getBoundingClientRect().left + Bdy.scrollLeft
   }
 
   function highlight(obj)
   {
     var PElement = eval(obj.parentElement.id)
     if(PElement.hasChildNodes() == true)
     {  var Elements = PElement.children
       for(var i=0;i<Elements.length;i++)
       {
          TE = eval(Elements[i].id)
          TE.className = "menuItem"
       }
      } 
     obj.className="ItemMouseOver"
     window.defaultStatus = obj.title
     ShowSubMenu(obj)
   }
 
   function Do(obj)
   {
    var cmd = eval(obj).cmd 
    window.navigate(cmd)
 
   }
 
   function HideMenu(obj)
   {
          if(obj.hasChildNodes()==true)
              {  
                 var child = obj.children     
 
                 for(var j =0;j<child.length;j++)
                  {
                     if (child[j].className=="barOver")
                     {var bar = eval(child[j].id)
                      bar.className="Bar"}
 
                     if(child[j].menu != null)
                       {
                          var childMenu = eval(child[j].menu)
                          if(childMenu.hasChildNodes()==true) 
                               HideMenu(childMenu)
 
                           childMenu.style.visibility = "hidden" 
                         }
                  }
 
              }
   }
  function ShowSubMenu(obj)
  {
     PMenu = eval(obj.parentElement.id)
      HideMenu(PMenu)
     if(obj.menu != null)
     {
     var menu = eval(obj.menu)
     menu.style.visibility = "visible"
     menu.style.pixelTop =  obj.getBoundingClientRect().top + Bdy.scrollTop
     menu.style.pixelLeft = obj.getBoundingClientRect().right + Bdy.scrollLeft
     if(menu.getBoundingClientRect().right > window.screen.availWidth )
       menu.style.pixelLeft = obj.getBoundingClientRect().left - menu.offsetWidth
    }
  } 
 
// -->
  #4 (permalink)  
Old Jun 25th, 2006, 19:19
New Member
Join Date: Jun 2006
Location: Orlando
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Site Header Help
and:
headss.css
Code: Select all
<!--
BODY
{
}
.menuBar
{
    TEXT-ALIGN: center
}
.Bar
{
    border:1px outset #000000; FLOAT: left;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    POSITION: relative;
    TEXT-ALIGN: center
}
.menu
{
    border:thin outset #000000; VISIBILITY: hidden;
    WIDTH: 150px;
    LINE-HEIGHT: 140%;
    POSITION: absolute;
    BACKGROUND-COLOR: #000000
}
.menuItem
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: transparent 1px solid
}
.ItemMouseOver
{
    PADDING-RIGHT: 15px;
    PADDING-LEFT: 10px;
    WIDTH: 100%;
    CURSOR: hand;
    COLOR: highlighttext;
    LINE-HEIGHT: 20px;
    BORDER-BOTTOM: white 1px solid;
    BACKGROUND-COLOR: highlight
}
.ItemMouseOut
{
    WIDTH: 100%
}
.Arrow
{
    FLOAT: right;
    FONT-FAMILY: Webdings;
    POSITION: absolute;
    TEXT-ALIGN: left
}
.barOver
{
    border:1px ridge #000000; FLOAT: left;
    WIDTH: 100px;
    CURSOR: hand;
    TEXT-INDENT: 5px;
    POSITION: relative;
    BACKGROUND-COLOR: highlight;
    TEXT-ALIGN: center
}
-->
header.htm
Code: Select all
<BODY OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy" bgColor=#000000 text="#FFFFFF">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" height="47" bordercolor="#000000">
  <tr>
    <td width="18%" rowspan="2" height="47">
<font face="Garamond">
<span style="position: absolute; left: 14; top: 16">
<a href="http://www.ironwoodnexus.com">
<img border="0" src="http://www.ironwoodnexus.com/images/logo.gif" width="127" height="119" alt="Ironwood Home" ></a></span></font></td>
    <td width="82%" height="19">
<font face="Garamond">
<img border="0" src="http://www.ironwoodnexus.com/images/banner logo copy.jpg" width="654" height="109" align="right"></font></td>
  </tr>
  <tr>
    <td width="82%" height="27" align="right">&nbsp;<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
<font color="#FFFFCC">
<DIV Id="menuBar" class="menuBar" >
    <DIV Id="Bar1" class="Bar"  menu="menu1" style="width: 140; height: 36">Ironwood Omnimedia</DIV>
    <DIV Id="Bar2" class="Bar"  menu="menu2" style="width: 140; height: 19">News and Press</DIV>
    <DIV Id="Bar3" class="Bar"  menu="menu3" style="width: 140; height: 19">Products</DIV>
    <DIV Id="Bar4" class="Bar"  menu="menu4" style="width: 140; height: 19">Support</DIV>
    <DIV Id="Bar5" class="Bar"  menu="menu5" style="width: 140; height: 19">Community</DIV>
</DIV>
<!--MenuItem Definition -->
<div Id="menu1" class="menu" >
   <div Id="menuItem1_1" class="menuItem" title="About" cmd="<A href="http://www.ironwoodnexus.com/iom/">About">http://www.ironwoodnexus.com/iom/">About IOM</div>
   <div Id="menuItem1_2" class="menuItem" title="Contact" cmd="<A href="http://www.ironwoodnexus.com/iom/contact">Contact</div">http://www.ironwoodnexus.com/iom/contact">Contact</div>
   <div Id="menuItem1_3" class="menuItem" title="Jobs" cmd="<A href="http://www.ironwoodnexus.com/iom/jobs/">Jobs">http://www.ironwoodnexus.com/iom/jobs/">Jobs at IOM</div>
   <div Id="menuItem1_4" class="menuItem" title="SiteMap" cmd="<A href="http://ironwoodnexus.com/toc/">Site">http://ironwoodnexus.com/toc/">Site Map</div>
   <div Id="menuItem1_5" class="menuItem" title="Friends" cmd="<A href="http://ironwoodnexus.com/links/">Friends</div">http://ironwoodnexus.com/links/">Friends</div>
</div>
<div Id="menu2" class="menu">
   <div Id="menuItem2_1" class="menuItem" title="Press Release" cmd="<A href="http://www.ironwoodnexus.com/iom/press/">Press">http://www.ironwoodnexus.com/iom/press/">Press Release</div>
   <div Id="menuItem2_2" class="menuItem" title="News Letter" cmd="<A href="http://www.ironwoodnexus.com/iom/press/newsletter/">Newsletters</div">http://www.ironwoodnexus.com/iom/press/newsletter/">Newsletters</div>
   <div Id="menuItem2_3" class="menuItem" title="Reviews">Reviews</div>
</div>
<div Id="menu3" class="menu">
   <div Id="menuItem3_1" class="menuItem" menu="menu6" title="E-RPG" cmd="<A href="http://www.ironwoodnexus.com/PNPRPG/">E-RPG</div">http://www.ironwoodnexus.com/PNPRPG/">E-RPG</div>
   <div Id="menuItem3_2" class="menuItem" menu="menu7" title="DPNP" cmd="<A href="http://ironwoodnexus.com/iom/products/DPnP/">DPnP</div">http://ironwoodnexus.com/iom/products/DPnP/">DPnP</div>
   <div Id="menuItem3_3" class="menuItem">Downloads</div>
</div>
<div Id="menu4" class="menu">
   <div Id="menuItem4_1" class="menuItem" title="Contact Support" cmd="http://www.ironwoodnexus.com/support/"> Contact Support</div>
   <div Id="menuItem4_2" class="menuItem" title="FAQ" cmd="<A href="http://www.ironwoodnexus.com/FAQ.htm">FAQ</div">http://www.ironwoodnexus.com/FAQ.htm">FAQ</div>
</div>
<div id="menu5" class="menu">
    <div Id="menuItem5_1" class="menuItem" cmd="<A href="http://ironwoodnexus.com/community/">All">http://ironwoodnexus.com/community/">All Forums</div>
    <div Id="menuItem5_2" class="menuItem" cmd="http://ironwoodnexus.com/community/index.php?c=2" >Ironwood General</div>
    <div Id="menuItem5_3" class="menuItem" cmd="http://ironwoodnexus.com/community/index.php?c=6" >E-RPG</div>
    <div Id="menuItem5_4" class="menuItem" cmd="http://ironwoodnexus.com/community/login.php" >Login</div>
    <div Id="menuItem5_5" class="menuItem" cmd="http://ironwoodnexus.com/community/p...?mode=register" >Register</div>
</div>
<div id="menu6" class="menu">
    <div Id="menuItem6_1" class="menuItem" menu="menu8">Fantasy Sagas</div>
    <div Id="menuItem6_2" class="menuItem" menu="menu9">Modern Sagas</div>
    <div Id="menuItem6_3" class="menuItem" menu="menu10">Sci-Fi Sagas</div>
</div>
<div id="menu7" class="menu">
    <div Id="menuItem7_1" class="menuItem">For Players</div>
    <div Id="menuItem7_2" class="menuItem">For Game Masters</div>
</div>
<div id="menu8" class="menu">
    <div Id="menuItem8_1" class="menuItem">For Players</div>
    <div Id="menuItem8_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem8_3" class="menuItem">Source Material</div>
</div>
<div id="menu9" class="menu">
    <div Id="menuItem9_1" class="menuItem">For Players</div>
    <div Id="menuItem9_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem9_3" class="menuItem">Source Material</div>
</div>
<div id="menu10" class="menu">
    <div Id="menuItem10_1" class="menuItem" style="width: 163; height: 20">For Players</div>
    <div Id="menuItem10_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem10_3" class="menuItem">Source Material</div>
</div>
</div>
</font>
  </tr>
</table>
and the php you posted above. Is that all that PHP file needs? And what do I do with these files now that I have them all seperated?
  #5 (permalink)  
Old Jun 25th, 2006, 19:57
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to sypher
Re: Site Header Help
Your not understanding it

Put your css and js file in external files:
Code: Select all
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script type="text/javascript" language="JavaScript" src="javascript.js"></script>
These would go inside your <head> tags.
In these 2 files you would put all your css and javascript.

Now in your navbar.html file should just be the table and div's
Just this bit:
Code: Select all
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" height="47" bordercolor="#000000">
  <tr>
    <td width="18%" rowspan="2" height="47">
<font face="Garamond">
<span style="position: absolute; left: 14; top: 16">
<a href="http://www.ironwoodnexus.com">
<img border="0" src="http://www.ironwoodnexus.com/images/logo.gif" width="127" height="119" alt="Ironwood Home" ></a></span></font></td>
    <td width="82%" height="19">
<font face="Garamond">
<img border="0" src="http://www.ironwoodnexus.com/images/banner logo copy.jpg" width="654" height="109" align="right"></font></td>
  </tr>
  <tr>
    <td width="82%" height="27" align="right">&nbsp;<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
<font color="#FFFFCC">
<DIV Id="menuBar" class="menuBar" >
    <DIV Id="Bar1" class="Bar"  menu="menu1" style="width: 140; height: 36">Ironwood Omnimedia</DIV>
    <DIV Id="Bar2" class="Bar"  menu="menu2" style="width: 140; height: 19">News and Press</DIV>
    <DIV Id="Bar3" class="Bar"  menu="menu3" style="width: 140; height: 19">Products</DIV>
    <DIV Id="Bar4" class="Bar"  menu="menu4" style="width: 140; height: 19">Support</DIV>
    <DIV Id="Bar5" class="Bar"  menu="menu5" style="width: 140; height: 19">Community</DIV>
</DIV>
<!--MenuItem Definition -->
<div Id="menu1" class="menu" >
   <div Id="menuItem1_1" class="menuItem" title="About" cmd="<A href="http://www.ironwoodnexus.com/iom/">About">http://www.ironwoodnexus.com/iom/">About IOM</div>
   <div Id="menuItem1_2" class="menuItem" title="Contact" cmd="<A href="http://www.ironwoodnexus.com/iom/contact">Contact</div">http://www.ironwoodnexus.com/iom/contact">Contact</div>
   <div Id="menuItem1_3" class="menuItem" title="Jobs" cmd="<A href="http://www.ironwoodnexus.com/iom/jobs/">Jobs">http://www.ironwoodnexus.com/iom/jobs/">Jobs at IOM</div>
   <div Id="menuItem1_4" class="menuItem" title="SiteMap" cmd="<A href="http://ironwoodnexus.com/toc/">Site">http://ironwoodnexus.com/toc/">Site Map</div>
   <div Id="menuItem1_5" class="menuItem" title="Friends" cmd="<A href="http://ironwoodnexus.com/links/">Friends</div">http://ironwoodnexus.com/links/">Friends</div>
</div>
<div Id="menu2" class="menu">
   <div Id="menuItem2_1" class="menuItem" title="Press Release" cmd="<A href="http://www.ironwoodnexus.com/iom/press/">Press">http://www.ironwoodnexus.com/iom/press/">Press Release</div>
   <div Id="menuItem2_2" class="menuItem" title="News Letter" cmd="<A href="http://www.ironwoodnexus.com/iom/press/newsletter/">Newsletters</div">http://www.ironwoodnexus.com/iom/press/newsletter/">Newsletters</div>
   <div Id="menuItem2_3" class="menuItem" title="Reviews">Reviews</div>
</div>
<div Id="menu3" class="menu">
   <div Id="menuItem3_1" class="menuItem" menu="menu6" title="E-RPG" cmd="<A href="http://www.ironwoodnexus.com/PNPRPG/">E-RPG</div">http://www.ironwoodnexus.com/PNPRPG/">E-RPG</div>
   <div Id="menuItem3_2" class="menuItem" menu="menu7" title="DPNP" cmd="<A href="http://ironwoodnexus.com/iom/products/DPnP/">DPnP</div">http://ironwoodnexus.com/iom/products/DPnP/">DPnP</div>
   <div Id="menuItem3_3" class="menuItem">Downloads</div>
</div>
<div Id="menu4" class="menu">
   <div Id="menuItem4_1" class="menuItem" title="Contact Support" cmd="http://www.ironwoodnexus.com/support/"> Contact Support</div>
   <div Id="menuItem4_2" class="menuItem" title="FAQ" cmd="<A href="http://www.ironwoodnexus.com/FAQ.htm">FAQ</div">http://www.ironwoodnexus.com/FAQ.htm">FAQ</div>
</div>
<div id="menu5" class="menu">
    <div Id="menuItem5_1" class="menuItem" cmd="<A href="http://ironwoodnexus.com/community/">All">http://ironwoodnexus.com/community/">All Forums</div>
    <div Id="menuItem5_2" class="menuItem" cmd="http://ironwoodnexus.com/community/index.php?c=2" >Ironwood General</div>
    <div Id="menuItem5_3" class="menuItem" cmd="http://ironwoodnexus.com/community/index.php?c=6" >E-RPG</div>
    <div Id="menuItem5_4" class="menuItem" cmd="http://ironwoodnexus.com/community/login.php" >Login</div>
    <div Id="menuItem5_5" class="menuItem" cmd="http://ironwoodnexus.com/community/p...?mode=register" >Register</div>
</div>
<div id="menu6" class="menu">
    <div Id="menuItem6_1" class="menuItem" menu="menu8">Fantasy Sagas</div>
    <div Id="menuItem6_2" class="menuItem" menu="menu9">Modern Sagas</div>
    <div Id="menuItem6_3" class="menuItem" menu="menu10">Sci-Fi Sagas</div>
</div>
<div id="menu7" class="menu">
    <div Id="menuItem7_1" class="menuItem">For Players</div>
    <div Id="menuItem7_2" class="menuItem">For Game Masters</div>
</div>
<div id="menu8" class="menu">
    <div Id="menuItem8_1" class="menuItem">For Players</div>
    <div Id="menuItem8_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem8_3" class="menuItem">Source Material</div>
</div>
<div id="menu9" class="menu">
    <div Id="menuItem9_1" class="menuItem">For Players</div>
    <div Id="menuItem9_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem9_3" class="menuItem">Source Material</div>
</div>
<div id="menu10" class="menu">
    <div Id="menuItem10_1" class="menuItem" style="width: 163; height: 20">For Players</div>
    <div Id="menuItem10_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem10_3" class="menuItem">Source Material</div>
</div>
</div>
</font>
  </tr>
</table>
  #6 (permalink)  
Old Jun 25th, 2006, 20:07
New Member
Join Date: Jun 2006
Location: Orlando
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Site Header Help
Quote:
Originally Posted by sypher
Your not understanding it

Put your css and js file in external files:
Code: Select all
<link rel="stylesheet" type="text/css" href="stylesheet.css">
<script type="text/javascript" language="JavaScript" src="javascript.js"></script>
These would go inside your <head> tags.
In these 2 files you would put all your css and javascript.
Right. I have those in two files. You want me to name them as "stylesheet.css" and javascript.js"? Or should these files already exhist and I need to add to them (I didn't do the origional design).
Quote:
Now in your navbar.html file should just be the table and div's
Just this bit:
Code: Select all
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" height="47" bordercolor="#000000">
  <tr>
    <td width="18%" rowspan="2" height="47">
<font face="Garamond">
<span style="position: absolute; left: 14; top: 16">
<a href="http://www.ironwoodnexus.com">
<img border="0" src="http://www.ironwoodnexus.com/images/logo.gif" width="127" height="119" alt="Ironwood Home" ></a></span></font></td>
    <td width="82%" height="19">
<font face="Garamond">
<img border="0" src="http://www.ironwoodnexus.com/images/banner logo copy.jpg" width="654" height="109" align="right"></font></td>
  </tr>
  <tr>
    <td width="82%" height="27" align="right">&nbsp;<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
<font color="#FFFFCC">
<DIV Id="menuBar" class="menuBar" >
    <DIV Id="Bar1" class="Bar"  menu="menu1" style="width: 140; height: 36">Ironwood Omnimedia</DIV>
    <DIV Id="Bar2" class="Bar"  menu="menu2" style="width: 140; height: 19">News and Press</DIV>
    <DIV Id="Bar3" class="Bar"  menu="menu3" style="width: 140; height: 19">Products</DIV>
    <DIV Id="Bar4" class="Bar"  menu="menu4" style="width: 140; height: 19">Support</DIV>
    <DIV Id="Bar5" class="Bar"  menu="menu5" style="width: 140; height: 19">Community</DIV>
</DIV>
<!--MenuItem Definition -->
<div Id="menu1" class="menu" >
   <div Id="menuItem1_1" class="menuItem" title="About" cmd="<A href="http://www.ironwoodnexus.com/iom/">About">http://www.ironwoodnexus.com/iom/">About IOM</div>
   <div Id="menuItem1_2" class="menuItem" title="Contact" cmd="<A href="http://www.ironwoodnexus.com/iom/contact">Contact</div">http://www.ironwoodnexus.com/iom/contact">Contact</div>
   <div Id="menuItem1_3" class="menuItem" title="Jobs" cmd="<A href="http://www.ironwoodnexus.com/iom/jobs/">Jobs">http://www.ironwoodnexus.com/iom/jobs/">Jobs at IOM</div>
   <div Id="menuItem1_4" class="menuItem" title="SiteMap" cmd="<A href="http://ironwoodnexus.com/toc/">Site">http://ironwoodnexus.com/toc/">Site Map</div>
   <div Id="menuItem1_5" class="menuItem" title="Friends" cmd="<A href="http://ironwoodnexus.com/links/">Friends</div">http://ironwoodnexus.com/links/">Friends</div>
</div>
<div Id="menu2" class="menu">
   <div Id="menuItem2_1" class="menuItem" title="Press Release" cmd="<A href="http://www.ironwoodnexus.com/iom/press/">Press">http://www.ironwoodnexus.com/iom/press/">Press Release</div>
   <div Id="menuItem2_2" class="menuItem" title="News Letter" cmd="<A href="http://www.ironwoodnexus.com/iom/press/newsletter/">Newsletters</div">http://www.ironwoodnexus.com/iom/press/newsletter/">Newsletters</div>
   <div Id="menuItem2_3" class="menuItem" title="Reviews">Reviews</div>
</div>
<div Id="menu3" class="menu">
   <div Id="menuItem3_1" class="menuItem" menu="menu6" title="E-RPG" cmd="<A href="http://www.ironwoodnexus.com/PNPRPG/">E-RPG</div">http://www.ironwoodnexus.com/PNPRPG/">E-RPG</div>
   <div Id="menuItem3_2" class="menuItem" menu="menu7" title="DPNP" cmd="<A href="http://ironwoodnexus.com/iom/products/DPnP/">DPnP</div">http://ironwoodnexus.com/iom/products/DPnP/">DPnP</div>
   <div Id="menuItem3_3" class="menuItem">Downloads</div>
</div>
<div Id="menu4" class="menu">
   <div Id="menuItem4_1" class="menuItem" title="Contact Support" cmd="http://www.ironwoodnexus.com/support/"> Contact Support</div>
   <div Id="menuItem4_2" class="menuItem" title="FAQ" cmd="<A href="http://www.ironwoodnexus.com/FAQ.htm">FAQ</div">http://www.ironwoodnexus.com/FAQ.htm">FAQ</div>
</div>
<div id="menu5" class="menu">
    <div Id="menuItem5_1" class="menuItem" cmd="<A href="http://ironwoodnexus.com/community/">All">http://ironwoodnexus.com/community/">All Forums</div>
    <div Id="menuItem5_2" class="menuItem" cmd="http://ironwoodnexus.com/community/index.php?c=2" >Ironwood General</div>
    <div Id="menuItem5_3" class="menuItem" cmd="http://ironwoodnexus.com/community/index.php?c=6" >E-RPG</div>
    <div Id="menuItem5_4" class="menuItem" cmd="http://ironwoodnexus.com/community/login.php" >Login</div>
    <div Id="menuItem5_5" class="menuItem" cmd="http://ironwoodnexus.com/community/p...?mode=register" >Register</div>
</div>
<div id="menu6" class="menu">
    <div Id="menuItem6_1" class="menuItem" menu="menu8">Fantasy Sagas</div>
    <div Id="menuItem6_2" class="menuItem" menu="menu9">Modern Sagas</div>
    <div Id="menuItem6_3" class="menuItem" menu="menu10">Sci-Fi Sagas</div>
</div>
<div id="menu7" class="menu">
    <div Id="menuItem7_1" class="menuItem">For Players</div>
    <div Id="menuItem7_2" class="menuItem">For Game Masters</div>
</div>
<div id="menu8" class="menu">
    <div Id="menuItem8_1" class="menuItem">For Players</div>
    <div Id="menuItem8_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem8_3" class="menuItem">Source Material</div>
</div>
<div id="menu9" class="menu">
    <div Id="menuItem9_1" class="menuItem">For Players</div>
    <div Id="menuItem9_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem9_3" class="menuItem">Source Material</div>
</div>
<div id="menu10" class="menu">
    <div Id="menuItem10_1" class="menuItem" style="width: 163; height: 20">For Players</div>
    <div Id="menuItem10_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem10_3" class="menuItem">Source Material</div>
</div>
</div>
</font>
  </tr>
</table>
Now what happened to
Code: Select all
<BODY OnLoad="InitMenu()" Onclick="HideMenu(menuBar)" ID="Bdy" bgColor=#000000 text="#FFFFFF">
?
  #7 (permalink)  
Old Jun 25th, 2006, 20:50
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to sypher
Re: Site Header Help
They go in your index file

And yes you need to make the .css and .js files
  #8 (permalink)  
Old Jun 26th, 2006, 01:30
New Member
Join Date: Jun 2006
Location: Orlando
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Site Header Help
Thanks for bearing with me in this. I am getting some of this now.

I have stylesheet.css
I have javascript.js
I have index.php with:
Code: Select all
<?php
include("header.htm");
/>
and finally the header.htm with:
Code: Select all
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%" id="AutoNumber1" height="47" bordercolor="#000000">
  <tr>
    <td width="18%" rowspan="2" height="47">
<font face="Garamond">
<span style="position: absolute; left: 14; top: 16">
<a href="http://www.ironwoodnexus.com">
<img border="0" src="http://www.ironwoodnexus.com/images/logo.gif" width="127" height="119" alt="Ironwood Home" ></a></span></font></td>
    <td width="82%" height="19">
<font face="Garamond">
<img border="0" src="http://www.ironwoodnexus.com/images/banner logo copy.jpg" width="654" height="109" align="right"></font></td>
  </tr>
  <tr>
    <td width="82%" height="27" align="right">&nbsp;<!-- STEP THREE: Copy this code into the BODY of your HTML document  -->
<font color="#FFFFCC">
<DIV Id="menuBar" class="menuBar" >
    <DIV Id="Bar1" class="Bar"  menu="menu1" style="width: 140; height: 36">Ironwood Omnimedia</DIV>
    <DIV Id="Bar2" class="Bar"  menu="menu2" style="width: 140; height: 19">News and Press</DIV>
    <DIV Id="Bar3" class="Bar"  menu="menu3" style="width: 140; height: 19">Products</DIV>
    <DIV Id="Bar4" class="Bar"  menu="menu4" style="width: 140; height: 19">Support</DIV>
    <DIV Id="Bar5" class="Bar"  menu="menu5" style="width: 140; height: 19">Community</DIV>
</DIV>
<!--MenuItem Definition -->
<div Id="menu1" class="menu" >
   <div Id="menuItem1_1" class="menuItem" title="About" cmd="<A href="http://www.ironwoodnexus.com/iom/">About">http://www.ironwoodnexus.com/iom/">About IOM</div>
   <div Id="menuItem1_2" class="menuItem" title="Contact" cmd="<A href="http://www.ironwoodnexus.com/iom/contact">Contact</div">http://www.ironwoodnexus.com/iom/contact">Contact</div>
   <div Id="menuItem1_3" class="menuItem" title="Jobs" cmd="<A href="http://www.ironwoodnexus.com/iom/jobs/">Jobs">http://www.ironwoodnexus.com/iom/jobs/">Jobs at IOM</div>
   <div Id="menuItem1_4" class="menuItem" title="SiteMap" cmd="<A href="http://ironwoodnexus.com/toc/">Site">http://ironwoodnexus.com/toc/">Site Map</div>
   <div Id="menuItem1_5" class="menuItem" title="Friends" cmd="<A href="http://ironwoodnexus.com/links/">Friends</div">http://ironwoodnexus.com/links/">Friends</div>
</div>
<div Id="menu2" class="menu">
   <div Id="menuItem2_1" class="menuItem" title="Press Release" cmd="<A href="http://www.ironwoodnexus.com/iom/press/">Press">http://www.ironwoodnexus.com/iom/press/">Press Release</div>
   <div Id="menuItem2_2" class="menuItem" title="News Letter" cmd="<A href="http://www.ironwoodnexus.com/iom/press/newsletter/">Newsletters</div">http://www.ironwoodnexus.com/iom/press/newsletter/">Newsletters</div>
   <div Id="menuItem2_3" class="menuItem" title="Reviews">Reviews</div>
</div>
<div Id="menu3" class="menu">
   <div Id="menuItem3_1" class="menuItem" menu="menu6" title="E-RPG" cmd="<A href="http://www.ironwoodnexus.com/PNPRPG/">E-RPG</div">http://www.ironwoodnexus.com/PNPRPG/">E-RPG</div>
   <div Id="menuItem3_2" class="menuItem" menu="menu7" title="DPNP" cmd="<A href="http://ironwoodnexus.com/iom/products/DPnP/">DPnP</div">http://ironwoodnexus.com/iom/products/DPnP/">DPnP</div>
   <div Id="menuItem3_3" class="menuItem">Downloads</div>
</div>
<div Id="menu4" class="menu">
   <div Id="menuItem4_1" class="menuItem" title="Contact Support" cmd="http://www.ironwoodnexus.com/support/"> Contact Support</div>
   <div Id="menuItem4_2" class="menuItem" title="FAQ" cmd="<A href="http://www.ironwoodnexus.com/FAQ.htm">FAQ</div">http://www.ironwoodnexus.com/FAQ.htm">FAQ</div>
</div>
<div id="menu5" class="menu">
    <div Id="menuItem5_1" class="menuItem" cmd="<A href="http://ironwoodnexus.com/community/">All">http://ironwoodnexus.com/community/">All Forums</div>
    <div Id="menuItem5_2" class="menuItem" cmd="http://ironwoodnexus.com/community/index.php?c=2" >Ironwood General</div>
    <div Id="menuItem5_3" class="menuItem" cmd="http://ironwoodnexus.com/community/index.php?c=6" >E-RPG</div>
    <div Id="menuItem5_4" class="menuItem" cmd="http://ironwoodnexus.com/community/login.php" >Login</div>
    <div Id="menuItem5_5" class="menuItem" cmd="http://ironwoodnexus.com/community/p...?mode=register" >Register</div>
</div>
<div id="menu6" class="menu">
    <div Id="menuItem6_1" class="menuItem" menu="menu8">Fantasy Sagas</div>
    <div Id="menuItem6_2" class="menuItem" menu="menu9">Modern Sagas</div>
    <div Id="menuItem6_3" class="menuItem" menu="menu10">Sci-Fi Sagas</div>
</div>
<div id="menu7" class="menu">
    <div Id="menuItem7_1" class="menuItem">For Players</div>
    <div Id="menuItem7_2" class="menuItem">For Game Masters</div>
</div>
<div id="menu8" class="menu">
    <div Id="menuItem8_1" class="menuItem">For Players</div>
    <div Id="menuItem8_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem8_3" class="menuItem">Source Material</div>
</div>
<div id="menu9" class="menu">
    <div Id="menuItem9_1" class="menuItem">For Players</div>
    <div Id="menuItem9_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem9_3" class="menuItem">Source Material</div>
</div>
<div id="menu10" class="menu">
    <div Id="menuItem10_1" class="menuItem" style="width: 163; height: 20">For Players</div>
    <div Id="menuItem10_2" class="menuItem">For Game Masters</div>
    <div Id="menuItem10_3" class="menuItem">Source Material</div>
</div>
</div>
</font>
  </tr>
</table>
You called it the navbar.html. I assumed (probably wrongly) that these were one in the same. Easily adjusted if I am wrong. Now what?
  #9 (permalink)  
Old Jun 26th, 2006, 02:58
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to sypher
Re: Site Header Help
Ye theyre the same files, sorry about that.

In your index.php file have all the usual tags for html head body etc.

Inside your body have
PHP: Select all

<?php
include("header.htm");
?>
And all should now be working.
  #10 (permalink)  
Old Jun 27th, 2006, 23:06
New Member
Join Date: Jun 2006
Location: Orlando
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Site Header Help
works great. thanks for your help.
  #11 (permalink)  
Old Jun 27th, 2006, 23:24
Most Reputable Member
Join Date: Aug 2005
Location: North Wales, United Kingdom
Age: 21
Posts: 1,093
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to sypher
Re: Site Header Help
No problem
Closed Thread

Tags
site, header, help

« links | div bg »
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Header help! crackafaza Graphics and 3D 3 Jan 23rd, 2008 11:37
Help with Header Ledpellet Web Page Design 11 Dec 10th, 2006 07:56
Header Help eulB Graphics and 3D 5 Jun 12th, 2006 22:21
Please help, I need a new header(s) mizbuffie Graphics and 3D 2 May 22nd, 2006 04:04


All times are GMT. The time now is 18:03.

Contact Us - Web Design & Development Forums - Archive - Top

Sleep Study Scoring :: Free Bet :: Online Betting :: Bookmakers :: Funny Quotes :: Internet Recruitment Software :: Microsoft CRM Experts :: Online Casino :: Decorated Christmas Trees :: Midwife Forums :: Football Betting :: Web Development India :: Ecommerce Software :: Football Stats :: Dry Cleaning Collection :: Free Bets :: xtreme wales - extreme clothing :: Apuestas :: SEO Company India :: Werbeartikel :: Sharepoint Consultants :: Search Engine Optimisation :: Office Clearance London :: Sharepoint Experts :: Sports Betting :: Casino :: Website Templates :: Online Gambling

Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43