Header Image in Tumblr, HELP! I have spent hours and can not fix Options

[chalk86]

Hi there,

To anyone who is kind enough to help me - thank you!!

I have managed to update my tumblr blog to have an img as the header. But I want it to stretch across to fit the screen, and be wider than the normal posts. Is this possible?

My blog is From the Haversack

This is the theme I am using:
Theme: The Minimalist v1.
Design: The Minimalist (http://minimalist.co)

There is a few tweaks to it though, as I didn't want a date or "posted on X" stamp. Any help will be greatly appreciated.

Thank you,
Chalks86

[joyful]

Hey!

This CSS will stretch it across the pages width:

CODE

#header {
margin: 0 auto;
background-image: url("http://i174.photobucket.com/albums/w97/s2555910/From%20The%20Haversack/Screenshot2011-08-12at73102PM.png");
width: 100%;
height: 380px;
border: 0;
background-image-align: center;
}

However, since the image is only 1023x380 it will repeat... So, you may want to fine a bigger image. Otherwise I guess you may be ok with it repeating...

Also, I am not sure if "background-image-align" is a CSS property... Anyone?

Hope this helps!

--

[pandy]

That won't stretch the background image, it will make it tile, text on it and all. A background image can't be stetched (yet) and it wouldn't look good with this image anyway. Neither will tiling because of the text.

#header itself will stretch, if there is room for it to do that.

I'd go about it like this. First make sure #header is as wide as you want. Then create two images. The background in the current one would do fine as a background image tiling only horizontally, alternatively make it wide enough to start with. Make the text a separate image with transparent background and use it as an inline image which will place it on top of the background.
http://htmlhelp.com/reference/css/color-ba...und-repeat.html

Also, I am not sure if "background-image-align" is a CSS property... Anyone?

Just look it up.
http://htmlhelp.com/reference/css/color-ba...d-position.html
http://www.w3.org/TR/CSS2/colors.html#prop...ground-position