How do I center my navigation bar and background?

Posted by user2892958 on Stack Overflow See other posts from Stack Overflow or by user2892958
Published on 2013-10-18T03:30:04Z Indexed on 2013/10/18 3:54 UTC
Read the original article Hit count: 162

Filed under:
|
nav-wrap {
    background:url(nav-bg-blue.png) no-repeat top center;
    height:39px;
    padding-top:3px;
    }

.no-header-page #nav-wrap {
    background:url(nav-bg-nobanner-blue.png)
    no-repeat top center;
    height:43px;
    padding-top:4px;
    margin-bottom:30px;
    }

 #nav-wrap .container {
    clear: both;
    overflow: hidden;
    position:center;
    width:100%;
    }

#nav-wrap .container ul {
    list-style: none;
    float: center;
    }

#nav-wrap .container ul li {
    list-style: none;
    float: left;
    background:url(nav-right-last.png) no-repeat top right;
    padding-right:20px;
    margin-left:-10px;
    position:auto;
    }

#nav-wrap .container ul span li {
    background:url(nav-right-last.png) no-repeat top right;
    }

#nav-wrap .container ul li a {
    float: center;  display: block;
    font-family: 'News Cycle', sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 5px 10px 8px 20px;
    border: 0;
    outline: 0;
    list-style-type: none;
    font-size: 14px;
    text-transform:uppercase;
    letter-spacing:2px;
    background:url(nav-left-first.png) no-repeat top left;
    line-height:25px;
    text-shadow:0 -1px 2px rgba(0,0,0,0.3);
    }

#nav-wrap .container ul li#active,
#nav-wrap .container ul li:hover{
    background:url(nav-hover-right-last-brown-red.png) no-repeat topright;
    z-index:1;
    }

#nav-wrap .container ul li:hover a,
#nav-wrap .container ul li#active a,
#nav-wrap .container ul li a:hover {
    border: 0;
    background:url(nav-hover-left-brown-red.png) no-repeat top left;
    }

.wsite-nav-0 {
    margin-left:0 !important``
    }

© Stack Overflow or respective owner

Related posts about website

Related posts about building