SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Wizard
    Join Date
    Nov 2000
    Location
    Chico, Ca
    Posts
    1,125
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Suckerfish menu..

    I am trying to reduce the space between the menu items...

    What is causing them to be so far apart?

    Any suggestions on how to center the menu on the page?

    www.chuckknows.com/test

    Thanks,

    Chuck
    "Happiness doesn't find you, you find happiness" -- Unknown
    www.chuckknows.com

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,552
    Mentioned
    183 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    The space between the meu items is dictated by the width in the li that you have set to 7em - try reducing it.

    To centre the menu you will have to five it an explicit width and then use margin:auto (and text-align:center on a parent for ie).

    You need to rename the div#nav becuse you already have ul#nav and this is interfereing with the suckerfish drop down routine.

    .e.g.
    Code:
    div#navouter
    {
     background:#fff url(http://www.chuckknows.com/test/images/navline.gif)  repeat-x 0% 0%;
     font-size:14px;
     color:#699;
     letter-spacing:1px;
     text-align:center;
     margin-top:10px;
     margin-bottom:30px;
     
    }
    ul#nav { /* all lists */
     padding: 0;
     margin: 0;
     list-style: none;
     width:30em;
     margin-left:auto;
     margin-right:auto;
     height:30px;
    
    }
    ul#nav li { /* all list items */
     float: left;
     position: relative;
     width: 6em;
    }
    Code:
      <div id="navouter">
    	<ul id="nav">
    Hope that helps.

    Paul


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •