Header image help

Feb 14, 2007 09:16

Hi guys ( Read more... )

header:image

Leave a comment

Comments 5

av8rmike February 14 2007, 01:00:11 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.

Reply

stevivor February 14 2007, 03:37:44 UTC
Thank you SO much! :D Legend!

Reply

stevivor February 14 2007, 07:43:34 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!

Reply

av8rmike February 14 2007, 19:00:00 UTC
Argh... For some reason, the text-align property doesn't work on
    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.

Reply


Leave a comment

Up