0 Replies Latest reply on Feb 24, 2010 10:22 PM by brightbelt

    CSS navigation lays out strangely only in template

    brightbelt Level 1

      Hi,

      DW CS4 here. My navigation works pretty well in this site (with the exception of height - spacing issues between IE and FF).

       

      But in my template,  1 to 3 buttons, depending on CSS settings, get collapsed out to the right as if something is wrong in the CSS code.  But it always seems to disappear and be okay when I preview it. But it makes me wonder if something is wrong in my CSS code.

       

      Here's my CSS code and I've also attached a screenshot of my template so you can see what I'm talking about.

      I appreciate any help streamlining my CSS here.

       

      Many Thanks,

      Frank B.

       

      Here's the site url:

      http://www.westwindentertainment.com

       

       

      #navcontainer ul {

      padding-left:0px;

      width: 120px;

      margin-top:10px;

      margin-left: 0px;

      margin-bottom:0px;

      color: Black;

      list-style-type:none;

      display:block;

      float: left;

      font-family: arial, helvetica, sans-serif;

      font-size:12px;

      text-align:center;

      }

       

      #navcontainer ul li a {

      background-image:url(../NavPx.gif);

      background-repeat:repeat-x;

      color: #FFFFFF;

      text-decoration: none;

      border-bottom: none;

      height:25px;

      display:block;

      font-weight:bold;

      width:120px;

      float: left;

      margin-top:0px;

      margin-right:0px;

      margin-bottom;0px;

      margin-left: 0px;

      padding-top: .4em;

      padding-right:.0em;

      padding-bottom: .2em;

      padding-left: .0em;

      }

       

      #navcontainer ul li a:hover {

      background-image:url(../NavOv.gif);

      background-repeat:repeat-x;

      color: #030;

      }

       

       

      Westwind Template.png

       

      Message was edited by: brightbelt