Log in

No account? Create an account

Previous Entry | Next Entry

Center Header Nav Links Under Header

  • Sep. 2nd, 2008 at 1:20 PM
I tried to look here to see if this might solve my problem but, alas, I'm utterly horrible at coding and I couldn't get it to work. Graphics I can do. Coding...not so much. So what I was trying to do was center the header's navigation links underneath the header I designed OR I could take the header's navigation links and move them to the side bar. Either/or, I'm not picky. I just don't want it looking horrible anymore. Side note: My sidebar looks completely wonky. I will paste what codes I'm using here:

I'm working on a plus account, I use Mozilla Firefox (Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv: Gecko/2008070208 Firefox/3.0.1). The template I'm working on is "Mixit." My header is 700 x 300. Here is a link to the journal I'm working on.

Thanks in advance for your help!


( 3 comments — Leave a comment )
Sep. 2nd, 2008 07:23 pm (UTC)
You'll have to increase the height of #header to allow room for the links beneath the image and change the link colors so that they show up on the background color.
Change this line:

#header-text {position: relative; width: 80%; max-width: 700px; height: 300px; margin: 0px auto;}

to something more like this:

#header-text {position: absolute; top: 300px; width: 80%; max-width: 700px; margin: 0px auto;}
Sep. 2nd, 2008 07:46 pm (UTC)
Okay, that did help just a bit, but now the nav links are over on the left side, and don't appear unless I mouse over them. And my sidebar still looks...odd. *headdesk* I'm sorry, I'm so terrible at this! :P

Sep. 3rd, 2008 12:58 pm (UTC)
That's because you didn't do what I said to do in my first sentence, namely: change the color of the links so that they'll show up, and increase the height attribute of #header to allow vertical space for the links.
To shift the links right, you'll have to add a left rule to #header-text{}
The sidebar looks weird because you have position:absolute specified in .about-me-widget dl.profile-list {}. Was that in the original stylesheet?
( 3 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars