1 Reply Latest reply on Dec 29, 2008 8:22 AM by Newsgroup_User

    top text nav not center aligning in div

    dellvostro Level 1
      Im using the one column fixed hdr template in dw3. I have my top text nav centered across page correctly, but the text sits too high. The background image is 53 px height. Id like my text nav to sit in middle for better top bottom spacing. Ive tried changing padding and margin in box category list, but this doesnt seem to effect the vertical placement of the text nav.

      Ill post my nav css for your review. Thanks. Site not live so I dont have a link to provide at this time.

      edit - solved. needed to add a line-height property

        • 1. Re: top text nav not center aligning in div
          Level 7
          A link would likely be the only way to diagnose this. Do you have some web
          space somewhere?

          --
          Murray --- ICQ 71997575
          Adobe Community Expert
          (If you *MUST* email me, don't LAUGH when you do so!)
          ==================
          http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
          http://www.dwfaq.com - DW FAQs, Tutorials & Resources
          ==================


          "dellvostro" <webforumsuser@macromedia.com> wrote in message
          news:gjas75$3lj$1@forums.macromedia.com...
          > Im using the one column fixed hdr template in dw3. I have my top text nav
          > centered across page correctly, but the text sits too high. The background
          > image is 53 px height. Id like my text nav to sit in middle for better top
          > bottom spacing. Ive tried changing padding and margin in box category
          > list, but
          > this doesnt seem to effect the vertical placement of the text nav.
          >
          > Ill post my nav css for your review. Thanks. Site not live so I dont have
          > a
          > link to provide at this time.
          >
          >
          >
          > #nav {
          > background-image: url(images/nav-bk.jpg);
          > background-repeat: repeat;
          > height: 53px;
          > width: 1022px;
          > }
          > #nav ul {
          > font-family: Verdana, Arial, Helvetica, sans-serif;
          > font-size: 100%;
          > text-align: center;
          > list-style-type: none;
          > }
          > #nav li {
          > display: inline;
          > text-align: center;
          > list-style-type: none;
          > float: left;
          > }
          > #nav li a:link, #nav li a:visited {
          > font-family: Verdana, Arial, Helvetica, sans-serif;
          > font-size: 16px;
          > font-weight: bold;
          > color: #FFFFFF;
          > padding: 5px;
          > margin-right: 27px;
          > margin-left: 27px;
          > background-position: center;
          > text-align: center;
          > vertical-align: middle;
          > margin-top: 0px;
          > margin-bottom: 5px;
          > }
          > #nav li a:hover, #nav li a:active, #nav li a:focus {
          > font-family: Verdana, Arial, Helvetica, sans-serif;
          > font-size: 16px;
          > font-weight: bold;
          > text-transform: capitalize;
          > color: #999999;
          > padding: 5px;
          > margin-right: 27px;
          > margin-left: 27px;
          > margin-top: 5px;
          > margin-bottom: 5px;
          > }
          >