Suckerfish menu..

[Chuckie]

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

[Paul O'B]

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.

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;
}

  <div id="navouter">
	<ul id="nav">

Hope that helps.

Paul