18 replies [Last post]
sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

please can someone answer my question..

http://sartremusic.org.uk/

if you look, i have a flat brown background colour.. the banner you see at the top is not part of the layout, it is in fact a background image (right click and view it to see what i mean).. heres the code

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;
}

anyway my question is, seeing as the background image at the top (the banner) is not repeated, is it possible to have another background image underneath repeated over the whole page? i want a patter instead of a flat colour. im not very good with code so im clueless. any help is much appreciated.

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 50 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

make that a <h#> and put the

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

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

i think i understand you, by

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

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

please can anyone explain

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 Sad

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 50 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

do something like body

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.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 25 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Quote:ive noticed alot on

Quote:

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

Sartre you shouldn't necessarily expect everything handed to you Smile 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.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

Triumph (not verified)
Anonymous's picture
Guru

Hugo wrote:Sartre you

Hugo wrote:

Sartre you shouldn't necessarily expect everything handed to you Smile 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:

Quote:

Hercules and the Wagoneer

A delivery man was driving a wagon along a country lane, when the wheels sank down deep into a rut.

The old driver, dazed and confused, stood looking at the wagon. He did nothing but utter loud cries to Hercules to come and help him.

Hercules, it is said, appeared and thus addressed him: "Put your shoulders to the wheels, my man. Try with all your might to move the wagon back onto the road. Never pray to me for help, until you have done your best to help yourself, or depend upon it you will henceforth pray in vain."

Moral: Self-help is the best help.

Aesop

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

hey thanks for the replies,

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?

Triumph (not verified)
Anonymous's picture
Guru

sartre wrote:hey thanks for

sartre wrote:

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?

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. Smile

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

yep this is to do with my

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

Triumph (not verified)
Anonymous's picture
Guru

You can have h1{} in your

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.

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

ok so how do i put it in the

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

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 50 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

<h1>This Is My Header</h1>

<h1>This Is My Header</h1>

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

Triumph (not verified)
Anonymous's picture
Guru

Deuce wrote:<h1>This Is My

Deuce wrote:

<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.

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

ok so i added <h1></h1> to

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

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 50 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

1) I recommend you put the

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:

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

ok ive uploaded it now

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 Tongue

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

do i need to put anything in

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

sartre
Offline
Regular
Last seen: 12 years 45 weeks ago
Joined: 2009-01-31
Posts: 21
Points: 0

ok ive figured it out cheers

ok ive figured it out cheers for the help