How Do You Move Navigation Borders? SOLVED!

Jan 29, 2013 02:50

I almost got my journal the way that I want it. The main problem is that once I center the navigation bar, the left side sticks out. I did this once a long time ago but now I forget how to do it. Any help would be appreciated.

EDIT This is for regisjr and I use Firefox witha PAID account..

#header-inner {
background-image: url("http://img.photobucket.com/albums/v318/jayregee/gaypridebanner.png");
height: 480px;
width: 800px;
}

#header {
background-image: none;
}

a, a:link, a:visited, a:active {color: text-decoration: none;}
a:hover {color: ; text-decoration: underline;}

p {margin-top: 0.8em; margin-bottom: 0.8em;}

blockquote {margin: 0.8em 3em; padding: 1.63em; border: 1px #bbbbbb; background: #e6e6e6;}

#header-name {display: none;}
#header-description {display: none}

#header-content {overflow: hidden; text-transform: uppercase; text-align: right;}

#header-text ul.nav {position:absolute; bottom: 0px; left: 0px; margin: 0px; padding-left: 210px; height: 40px; line-height: 40px; border-top: 1px #bbbbbb; border-bottom: 1px #bbbbbb; background: #e6e6e6; text-transform: uppercase; }
#header-text ul.nav li {margin: 0px; padding: 0 0.9em; display: inline;}
#header-text ul.nav li.item {border: 0px;}
#header-text ul.nav a {color: ; font-size: 2.0em; text-decoration: none;}
#header-text ul.nav a:hover {color: #333333;}

#header-name {display: none; margin: 0px auto; padding: 1.2em 0; font-size: 2em; letter-spacing: 0.1em;}
#header-name a {color: #; text-decoration: none;}
#header-name a:hover {color: #333333;}
#header-description {display: none; margin: 0px auto; }

body {
background-color: black !important;
background-image: url("http://img.photobucket.com/albums/v318/jayregee/rainbowflag-1.png") !important;
background-repeat: repeat !important;
background-attachment: fixed !important;
background-position: 2% !important;
}

.designed-widget { display: none; }

a:link,
a:visited,
a:hover,
a:active {
text-decoration : none;
}

#footer {
background-image: url(http://img.photobucket.com/albums/v318/jayregee/gayfooter.png);
}

#container-inner, #header-inner {
width: 800px; /* Change the width of the header and overall container boxes*/
}
#alpha {
width: 610px; /* Overall width minus sidebar width*/
}
.layout-tw #alpha-inner {
width: 574px; /* Width of #alpha minus 40px margins*/
}

Please Help and Thank You!
Previous post Next post
Up