Site header help!

**Watts** · 03-31-2008, 02:21 PM

Hey guys,

I am needed help on my page which is css coded and html coded and im not sure which forum to post in so i thought maybe here.

Basically what i am looking to do is to add another tab to my header next to support / client area which can currently be seen in the preview below.

But when i simply copy the html from the other and paste it next to it in the coding then it comes up with an error, so i was wondering if any one could help me out and figure out the code for me. Even better what i am looking to do in the end like maybe a few weeks down the line is to make these tabs little menus so when the user hovers over a drop down menu appears with more links to pages if any one can help with this that would be great!

Anyway back to point, the current code for my header is shown below. If anyone can help me be able to add another tab or to make the drop down menu that would be great!

Current Header.php Code Below

Code:

<style type="text/css">
.style1 {
 font-weight: bold;
 font-family: Calibri;
}
-->
</style>
    <div id="header">
        <!--logo -->
    <hr class="noscreen" />        
        <!-- slogan -->
    <hr class="noscreen" />        
        </div> <!-- /header -->
    <!-- Navigation -->
    <div id="nav">
    
        <ul class="box style1">
            <li><a href="index.php" class="style3">Home</a></li>
            <li><a href="about.php" class="style3">About Us</a></li>
  <li><a href="webhosting.php" class="style3">Shared Hosting</a></li>
  <li><a href="reseller.php" class="style3">Reseller hosting</a></li>
          <li><a href="http://razor-hosting.co.uk/clients" class="style3">Support / Client Area</a></li>
      </ul>
        
    <hr class="noscreen" /> 
    </div> <!-- /nav -->
    <!-- 2 columns (content + sidebar) -->
    <div id="cols" class="box">

This may not be useful as it is mostly CSS coded. If i should add the header css please mention

Thanks in advance

**wayfarer07** · 03-31-2008, 02:31 PM

Can we see ALL of your code? To learn how to build dropdown menus go here to Son of Suckerfish Dropdowns

**Watts** · 03:25 PM

yes of course i will add it, which but do you wish to see?

EDIT:

Iv'e added some of the main.css that i think may be useful although i may be wrong?

Code:

    #nav {padding:0 15px 5px 6px; background:url("../design/nav.gif") 0 100% no-repeat;}
 
        #nav ul {margin:0; padding:0; list-style:none;}
        #nav ul li {display:inline; margin:0; padding:0;}
        #nav ul li a {display:block; float:left; padding:12px 15px 12px 14px; background:url("../design/nav-link.gif") 100% 0 repeat-y; text-decoration:none;}
        #nav ul li#nav-active a {font-weight:bold; text-decoration:none;}

EDIT 2:

Ok i tried the css menu and well i changed part of teh header code to what the site you posted said and well it decided to add a tab for me like i wanted in the first place so thanks for that but now i am stuck with the drop down menu!!

The code i changed in the header changed in the header.php is shown below.

Code:

<ul class="box style1">
            <li><a href="index.php" class="style3">Home</a></li>
            <li><a href="about.php" class="style3">About Us</a>
             <ul>             <li><a href="network.php" class="style3">Our Network</a></li>             
                                     </ul>     </li> 
            
  <li><a href="webhosting.php" class="style3">Shared Hosting</a></li>
  <li><a href="reseller.php" class="style3">Reseller hosting</a></li>
          <li><a href="http://razor-hosting.co.uk/clients" class="style3">Support / Client Area</a></li>
      </ul>