?

Log in

No account? Create an account

Previous Entry | Next Entry

Header image help

  • Feb. 14th, 2007 at 9:16 AM
Hi guys,

I'm really REALLY new to CSS and I have a question.

My journal is using this at the moment in Custom CSS

#header-decor {
display: block;
background-image: url(http://images21.fotki.com/v515/photos/4/438995/4608007/option2-vi.jpg);
width: 350px;
height: 60px;
bottom: 0px;
left: 100px;
}

It's close to what I want, but not exact -- what I really want to do is move the header image I've created either above the Journal Name "Stevivor.com | StevivorBlog", or even above the "Recent | Archive ..." stuff.

Can anyone please give me a hand? Thank you!

Comments

( 5 comments — Leave a comment )
av8rmike
Feb. 14th, 2007 01:00 am (UTC)
It looks like that because you put the image into #header-decor{} instead of #header-inner{}. Replace that section with this:
#header-inner{
    background-image: url(http://images21.fotki.com/v515/photos/4/438995/4608007/option2-vi.jpg);
    background-repeat: no-repeat;
    height: 150px;
}

#header-content-inner {
    margin: 70px 20px 0;
}
Adjust the "70px" and "150px" to get the spacing the way you want it.
stevivor
Feb. 14th, 2007 03:37 am (UTC)
Thank you SO much! :D Legend!
stevivor
Feb. 14th, 2007 07:43 am (UTC)
Can I be a massive pain and ask another question?

I just want to align the "Recent | Archive |Profile" links to the right, and leave my background header image along the left. How do I reference that particular line to re-align? I've gotten the rest of the header text....

Thanks again!
av8rmike
Feb. 14th, 2007 07:00 pm (UTC)
Argh... For some reason, the text-align property doesn't work on <UL> elements, like the header nav links and the entry footer links. I ran into this before trying to figure out how to center the entry footer. I guess it has to do with the way lists are rendered. Until someone suggests something better, you can try a hack like:
.nav { padding-left: xxxpx;} and increase the number in "xxx" until it looks right-justified.
stevivor
Feb. 16th, 2007 12:11 am (UTC)
Cheers!
( 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