Header image

May 26, 2013 16:24

Hi! I wondering how I add this header? I have no idea how it works. This tutorial won't work.

My code:

/* made by INROJECT @ LIVEJOURNAL.COM ( Read more... )

solved, header and footer

Leave a comment

Comments 3

(The comment has been removed)

juneghost May 26 2013, 15:44:27 UTC
Thanks, but still doesn't work. The header is too much to the left.

Reply


london_fan May 26 2013, 16:10:00 UTC
Try this code instead of yours:

.headerimage {
position: relative;
background-image: url('http://i1327.photobucket.com/albums/u661/juneghosts/H_Jeremy_for_juneghost_C_zps309c051f.png');
background-repeat: none !important;
margin-left: auto;
margin-right: auto;
height: 450px;
width: 900px;
}

If you use a header with a width of 900px, you might also want to set the same fixed width for the content in general instead of the fluent width? In this case change your settings for #content as follows:

#content
{
width: 900px;
margin-left: auto;
margin-right: auto;
padding: 10px;

}

Reply

juneghost May 26 2013, 16:31:32 UTC
It works perfectly, thank you!

Reply


Leave a comment

Up