pretty please with a cherry on top

make that a and put the background on that freeing up the body for whatever other background you wanna use.

i think i understand you, by do you mean header? what code would i need to do this? and would i put it in header.php?

sorry for my lack of coding knowledge

thankyou for replying

please can anyone explain how to do what he said? ive noticed alot on this forum that people tell you what to do but not how to do it, it only makes the problem more frustrating because i cant do it without the extra help

do something like

body {
background-color: #281F0C;
}
 
h1 {
background: #281F0C url(bg.jpg) no-repeat center top;
}

You're going to need to set a height and width to the h1 equal to your background as well as use text-indent:-9009em; so that way all the text in your h1 will be pushed off to the left beyond the screen.
Whatever file you want to put it in, would be up to you.

Sartre you shouldn't necessarily expect everything handed to you there is a level of expectation placed on those requesting help. it's important not to be too demanding and to expect that you must have a level of understanding.

I should just make this my signature:

hey thanks for the replies, i know i shouldnt expect it but im more graphicy and am not v good with code so i find this stuff quite difficult.

i have taken the image from the body and now my h1 now looks like this:

h1 { 
background: #281f0c url(images/bg.jpg) no-repeat center top;
width: 951px
height: 150px
}

the image no longer shows, am i missing something?

h1 { 
background: #281f0c url(images/bg.jpg) no-repeat center top;
width: 951px
height: 150px
}

Is this applied to the link in the first post up top? If so, I don't see an in the markup anywhere. That could be the reason.

yep this is to do with my original post. Sorry man but im struggling to understand. In my css i did edit>find 'h1' and it found it. It originally said

h1 { 
font-size: 18px; 
margin-bottom: 0px; 
margin-top: 10px;
}

but i changed it to

h1 { 
background: #281f0c url(images/bg.jpg) no-repeat center top;
width: 951px
height: 150px
}

ive been looking around alot of websites to try to figure this out but i cant find the right information. Ive been trying to add stuff to the header.php but no luck

i tried adding <div style="width:951px; height:150px; background-image:url(images/bg.jpg)"></div> in random places in the header.php, i noticed it created the space for the image but it wasnt showing up. Also for some reason, there is kind of a fixed gap at the top, i cant see to get anything to go in there apart from the image thats there now, current code is

body {
margin: 0px;
padding: 0;
color: #281f0c;
background-color:#281f0c;
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
background-position: top center;
font-family: arial;
font-size: 12px;
line-height: 24px;
}

the above code is just a misleading way of making the site look as though theres a banner althought its just a BG image, but what would be nice if is i could actually make it the banner and have another background image across the whole site.. this is what im trying to do but im having a very hard time. thanks for reading

You can have h1{} in your CSS all day but if you don't have an in your markup it don't amount to a hill of beans.

ok so how do i put it in the mark up? wat code do i need to add and where? sorry if your patients is running low in reguard to this thread but the help is appreciated

<h1>This Is My Header</h1>

I didn't answer because I didn't think it was a serious question. Pulling the leg, I thought.

ok so i added to my header.php just before

<div id="wrapper2">
 
<!--Begin Pages Navigation Bar-->
<div id="pages">
<a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="logo" class="logo" /></a>
<ul class="nav superfish">
<li class="page_item"><a href="<?php bloginfo('url'); ?>" class="title" title="home again woohoo">Home</a></li>
<?php wp_list_pages("depth=2&exclude=$artsee_exclude_page;&title_li="); ?>
</ul>

in my css i have made the h1 BG colour white to see what has happened. It has created space for a header right at the top of the page however there is still a fixed gap between that and the top of the navigation bar. do you have any clue why this might be? im testing this locally so its still the same online

1) I recommend you put the inside of #wrapper2 so that the h1 will be centered with the site
II) please update your site so we can see what you're seeing or else we can be of no help. :shrug:

ok ive uploaded it now online heres what it looks like now

http://sartremusic.org.uk/

i managed to get rid of the gap but for some reason the image is not showing.

h1 { 
background: #fff url(images/bg.jpg) no-repeat center top;
width: 951px
height: 150px
}

that is in my css. any ideas?
almost there now

do i need to put anything in so it is the size of the image? i have put it in the wrapper2 now, but the h1 is only the size of the font height

ok ive figured it out cheers for the help