?

Log in

No account? Create an account

Previous Entry | Next Entry

How Do You Move Navigation Borders? SOLVED!

  • Jan. 29th, 2013 at 2:50 AM
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!

Comments

( 4 comments — Leave a comment )
marilla_pm67
Jan. 29th, 2013 09:19 am (UTC)
Hello,

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

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


And then add :
ul.nav {border: 1px lime; width: 700px}

just under :
#header-text ul.nav a:hover {color: #333333;}

It should fix your issue, if not, let me know.

Sam
regisjr
Jan. 29th, 2013 09:29 am (UTC)
Thank you! That worked!
marilla_pm67
Jan. 29th, 2013 09:33 am (UTC)
Glad I could help!!

:) - Love your icon
Sam
regisjr
Feb. 2nd, 2013 03:38 am (UTC)
Thank you.
( 4 comments — Leave a comment )

Latest Month

March 2016
S M T W T F S
  12345
6789101112
13141516171819
20212223242526
2728293031  

S2 Help Communities

Tags

Powered by LiveJournal.com
Designed by chasethestars