Another "centering" question

Forums Forums Menus Another "centering" question

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1075
    pdhaudio83
    Member

    I’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!

    #7234

    This 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]

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.