- This topic has 1 reply, 2 voices, and was last updated 15 years, 11 months ago by imported_Ryan. 
- 
		AuthorPosts
- 
		
			
				
November 8, 2009 at 5:36 pm #1075pdhaudio83 MemberI’ve searched and tried the options given in those threads, but can’t seem to get my nav bar adjusted to appear in the center. I know admin had mentioned using a "center" command wouldn’t work but that adjusting margins would likely do it. Here’s my CSS: 
 #suckerfishnav {
 background:#ffffff (url:http://www.thegasgame.com/wp-content/themes/aquafluid/img/con_top.gif) repeat-top;
 font-size:12px;
 font-family:verdana,sans-serif;
 font-weight:bold;
 width:100%
 }
 #suckerfishnav, #suckerfishnav ul {
 float:left;
 list-style:none;
 line-height:17px;
 padding:0;
 border:0px solid #aaa;
 margin:0 auto 0 auto;
 width:100%;
 }
 #suckerfishnav a {
 display:block;
 color:#483d8b;
 text-decoration:none;
 padding:0px 10px;
 }
 #suckerfishnav li {
 float:left;
 padding:0px;
 }
 #suckerfishnav ul {
 position:absolute;
 left:-999em;
 height:auto;
 width:165px;
 font-weight:normal;
 margin:0;
 line-height:1;
 border:0;
 border-top:1px solid #666666;
 }
 #suckerfishnav li li {
 width:163px;
 border-bottom:1px solid #666666;
 border-left:1px solid #666666;
 border-right:1px solid #666666;
 font-weight:bold;
 font-family:verdana,sans-serif;
 }
 #suckerfishnav li li a {
 padding:4px 10px;
 width:155px;
 font-size:12px;
 color:#dddddd;
 }
 #suckerfishnav li ul ul {
 margin:-21px 0 0 100px;
 }
 #suckerfishnav li li:hover {
 background:#1F3E9F;
 }
 #suckerfishnav li ul li:hover a, #suckerfishnav li ul li li:hover a, #suckerfishnav li ul li li li:hover a, #suckerfishnav li ul li li li:hover a {
 color:#dddddd;
 }
 #suckerfishnav li:hover a, #suckerfishnav li.sfhover a {
 color:#dddddd;
 }
 #suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
 color:#dddddd;
 }
 #suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
 left:-999em;
 }
 #suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
 left:auto;
 background:#444444;
 }
 #suckerfishnav li:hover, #suckerfishnav li.sfhover {
 background:#5E7AD3;
 }My blog is 950px wide. Please help me center it, I’ll just change the margins later if I add an option. THANK YOU! November 16, 2009 at 1:36 pm #7234imported_Ryan MemberThis should work I think: 
 [code:1xre2jz5]#suckerfishnav {
 background:#ffffff (url:http://www.thegasgame.com/wp-content/themes/aquafluid/img/con_top.gif) repeat-top;
 font-size:12px;
 font-family:verdana,sans-serif;
 font-weight:bold;
 width:950px;
 margin:0 auto;
 }
 #suckerfishnav, #suckerfishnav ul {
 float:left;
 list-style:none;
 line-height:17px;
 padding:0;
 border:0px solid #aaa;
 margin:0 auto;
 width:950x;
 }[/code:1xre2jz5]
- 
		AuthorPosts
- You must be logged in to reply to this topic.