?

Log in

No account? Create an account

Previous Entry | Next Entry

I've been fighting with my header all day and I've looked through all the tutorials but nothing seems to be working.

My lj is here: http://lorelaisquared.livejournal.com/ 

I'm trying to get the journal and title to show up in the black space in the middle of the graphic, and I'd like the menu/link bar underneath the image. No matter what I do, the link bar always shows up above the headings. How can I fix this? I've tried everything.

Here's my current CSS for this:

#header {
background-image: background-image: url(http://i716.photobucket.com/albums/ww170/LorelaiSquared/Headers/00055rpz.jpg);
background-color: black;
margin-bottom: 0px; }

#header-content { padding-bottom: 0px; margin: 0px 161px 0px 161px; background-repeat: none; background-image: url(http://i716.photobucket.com/albums/ww170/LorelaiSquared/Headers/eightsquaresheader2.png); width: 617px; height: 349px; }

#header-content-inner { position: absolute; top: 250px; left: 155px; }

#header-text {padding: 10px 0; } ul.nav { margin: 152px 0 30px 0; padding: 30px; } .nav li { display: bottom; border-left: 1px solid gray; padding: 0 1em; font-size: small; } .nav li a { font-weight: normal; } .nav li.first { border-left: none; padding-left: 0; } .nav li.current a { color: gray; text-decoration: none; }

#header-name { font-size: 18px; color: white; text-transform: uppercase; font-weight: bold; margin-top: 152px; }

#header-name a { font-weight: normal; text-decoration: none; }

#header-description { font-size: 14px; color: white; text-transform: uppercase; font-weight: bold; margin-top: 3px;  }


EDIT: to update code after still more unsuccessful changes, Now the text and the menu don't even show at all. 

Comments

( 3 comments — Leave a comment )
av8rmike
Jun. 1st, 2009 12:32 pm (UTC)
So if I've got it straight, you want the title in the black space in the middle, and the menu bar below the image?
lorelaisquared
Jun. 1st, 2009 05:14 pm (UTC)
Yes, that's correct. And I'd like the title to be size 18, and the subtitle size 14. (And white, but that command doesn't seem to be working) Thanks for helping! :)
av8rmike
Jun. 3rd, 2009 01:20 pm (UTC)
OK, here's what I came up with. Rather than give you an extensive list of things to add/delete/change, I'll just cut & paste the complete CSS I used, with which you can replace your codes.
#header {
    background-image: url(http://i716.photobucket.com/albums/ww170/LorelaiSquared/Headers/00055rpz.jpg);
    background-color: black;
}

#header-content { padding-bottom: 0; margin: 0 161px;
    background-image: url(http://i716.photobucket.com/albums/ww170/LorelaiSquared/Headers/eightsquaresheader2.png);
    width: 617px;
    height: 349px;
}

#header-text { min-height: 0; margin-top: 152px;}

ul.nav { position: absolute; top: 352px; padding-left: 6px; }

.nav li { border-left: 1px solid gray; padding: 0 1em; font-size: small; }

.nav li a { font-weight: normal; }

.nav li.first { border-left: none; padding-left: 0; }

.nav li.current a { color: gray; text-decoration: none; }

#header-name a { font-size: 18px; color: white; text-transform: uppercase; text-decoration: none; }

#header-description { font-size: 14px; color: white; text-transform: uppercase; font-weight: bold; margin-top: 3px; }
Let me know if something doesn't look right.
( 3 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