please can someone answer my question..
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.
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.
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
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
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.
Quote:ive noticed alot on
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 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.
Hugo wrote:Sartre 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:
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
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?
sartre wrote:hey thanks for
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.
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
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.
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
<h1>This Is My Header</h1>
<h1>This Is My Header</h1>
Deuce wrote:<h1>This Is My
<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 <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
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:
ok ive uploaded it now
ok ive uploaded it now online heres what it looks like now
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
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
ok ive figured it out cheers for the help