Hi list,
  I am trying to get the navigation in my header: 
  http://216.219.94.105/trevor.htm
   
  to look like it does in my earlier version pre-better layout:
  http://216.219.94.105/trevor.htm
   
  Here is the css and html-it all validates but the tabs donĀ“t "fill out" the 
header div and the border goes to the top of the div not the navigation. Maybe 
I should put a new id on the ul instead? 
  Thanks for any pointer greatly appreciated :
   
  /*top nav css*/
#header { border-top: #d8e1e9 4px solid; margin: 9px 0px 0px; width: auto
/*border-bottom: 1px solid #ddd;*/ }
#header ul { /*margin: 0; padding: 0; font-size: 90%;*/ }
#header li { list-style-type: none; padding-right: 15px; display: inline; 
background: #849eb3 no-repeat 
  left top; float: left; width: auto; height: auto}
#header a {border-right: #d8e1e9 1px solid; display: block; background: 
no-repeat left top; font: 
  11px/20px tahoma, arial, sans-serif; width: 84px; color: #fff; text-align: 
center }
#header a:hover {background: #fcda2e no-repeat left top; text-decoration: none}
#header a.selected {background: #fcda2e no-repeat left top; text-decoration: 
none}

   
    <div id="header">
        <h1><img height="57" alt="Medarc Ltd. Logo" src="images/medarc.jpg" 
width="217" /></h1>
        <ul>
          <li><a title="Home" href="index.cfm">Home</a></li>
          <li><a title="About Medarc" href="about.cfm">About Us</a></li>
          <li><a title="Medarc Defence" href="defence.cfm">Defence</a></li>
          <li><a title="Medarc Healthcare" href="health.cfm">Healthcare</a></li>
          <li><a title="Medarc Property" href="property.cfm">Property</a></li>
          <li><a title="Medarc Environment" 
href="environment.cfm">Environment</a></li>
          <li><a title="Medarc National" href="national.cfm">National</a></li>
          <li><a title="Medarc International" 
href="international.cfm">International</a></li>
          <li><a title="Contact" href="contact.cfm">Contact</a></li>
        </ul>
      </div>

       
---------------------------------
Yahoo! oneSearch: Finally,  mobile search that gives answers, not web links. 
       
---------------------------------
Sick sense of humor? Visit Yahoo! TV's Comedy with an Edge to see what's on, 
when. 
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to