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.


 Subscribe in a reader

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.
Hi Unregistered, why not enter WOTM this month and show off your skills? Not only will you win the admiration of your colleagues, but also one years supermember status and your site featured on the home page. Go on enter NOW !




Closed Thread
 
LinkBack Thread Tools
  #1  
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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!

  #2  
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
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");
?>
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #3  
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
    }
  } 
 
// -->
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #4  
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?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #5  
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
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>
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #6  
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">
?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #7  
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
Re: Site Header Help
They go in your index file

And yes you need to make the .css and .js files
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #8  
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?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #9  
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
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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #10  
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.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
  #11  
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
Re: Site Header Help
No problem
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Closed Thread

Tags
site, header, help

« links | div bg »
Thread Tools
Show Printable Version