Navbar

[Aaron]

I'm having a problem with my navbar. the words are extended out the bottom of the actual navbar in my new theme. I started the CSS from scratch, he're's the navbar stuff from the CSS and layout .tpl

CSS

 
#topNav { background: black; backround font-size: 12px; width: 760px; margin: 0; height: 20px; border: none;}
#topNav ul { margin: 0; padding: 0; list-style: none; margin: 0; }
#topNav ul li { height: 20px; float: left; padding: 0px; font: bold 12px/37px Arial, Helvetica, sans-serif; }
#topNav ul li a { padding: 0 9px; height: 20px; float: left; text-decoration: none; display: block; color: #FFFFFF; font: 14px/37px Arial, Helvetica, sans-serif; }

.tpl

 
<div id="topNav">
 <ul>
  <?php
  Template::Show('core_navigation.tpl');
  ?>
 </ul>

[Aaron]

See the navbar problem at http://www.canforce.org

[Kyle]

Try this... this is the only css I'm seeing that is the issue..

#topNav ul li a {
   color: #FFFFFF;
   display: block;
   float: left;
   font: 14px/20px Arial,Helvetica,sans-serif;
   height: 20px;
   padding: 0 9px;
   text-decoration: none;
}

[Aaron]

thank you very much. it worked

[Aaron]

It's pretty much like I want it except I want each link to be 123px wide (aligned left) and a 1px white stip on the left side of all of them except the first one. It's pretty much gonna look like this site when it's done: http://www.rcaf-arc.forces.gc.ca/v2/index-eng.asp

[Aaron]

fixed it, added this

#topNav ul li.border { border-left: 1px solid white; }

and added the <li class="border"> in the .tpl