?

Log in

No account? Create an account

Previous Entry | Next Entry

Centered Navigation Links Help

  • May. 17th, 2012 at 1:10 AM
I do not know if it's Firefox or my thrown together code. I just cannot get my navigation links to center. I believe what I need is in the code but I may be wrong. Is there anything I can add or take away to get this to work?

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

#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: center;}

#header-text ul.nav {position: absolute; bottom: 0px; left: 0px; width: 100%; margin:0px; padding: 0px; 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/blueblack.jpg") !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;
}

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

Comments

( 5 comments — Leave a comment )
av8rmike
May. 17th, 2012 12:53 pm (UTC)
Please edit your post to make it public.

In this section:
#header-text ul.nav {position: absolute; bottom: 0px; left: 0px; width: 100%; margin:0px; padding: 0px; height: 40px; line-height: 40px; border-top: 1px #bbbbbb; border-bottom: 1px #bbbbbb; background: #e6e6e6; text-transform: uppercase; }

I would remove the "width: 100%" and change
padding: 0;
to
padding: 210px;
regisjr
May. 17th, 2012 04:47 pm (UTC)
That made the header disappear. Thank you for the help. I was appreciated.
av8rmike
May. 17th, 2012 05:28 pm (UTC)
Sorry, my bad, I cut & pasted wrong. This line:
padding: 210px;
should be
padding-left: 210px;
regisjr
May. 17th, 2012 07:44 pm (UTC)
The whole bar moves now. Is there a way to fix that? Please and Thank you.
regisjr
May. 17th, 2012 10:08 pm (UTC)
NEVERMIND... This time it's MY BAD! It worked. THANK YOU!!!

Edited at 2012-05-17 10:09 pm (UTC)
( 5 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