SitePoint Sponsor |
|
User Tag List
Results 1 to 2 of 2
Thread: Suckerfish menu..
-
Nov 12, 2004, 18:24 #1
- 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
-
Nov 13, 2004, 08:36 #2
- Join Date
- Jan 2003
- Location
- Hampshire UK
- Posts
- 40,556
- 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">
Paul
Bookmarks