Jewel5
Citizen
Registered: 08-2007
Province: Hooterville USA
Posts: 11
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Background
Hello there! On page 4 Queeny asked a question about getting the background to fit. I copied the code she was given, but it didn't work for me. This is the code I put in CSS.
{
background-image: url(http://www.yourimagehost.com/yourimage.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
TEST BOARD
Every pic I try, no matter how big or small it repeats. Oooh, is there something I need to do in the edit layout/colors of your board?
Thank you in advance!
|
5/29/2011, 3:11 am
|
Link to this post
PM Jewel5
|
Pastor Rick
Citizen
Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
|
ReplyQuote
|
|
Re:
Hi Jewel,
You have to have a class or id for your CSS so the browsers know what to do with the code.
If you just want the background to behave like that you could go with the declaration:
body {
background-image: url(http://www.myurl/image.jpg);
background-repeat: no-repeat;
background-attachment: fixed; }
Last revised by Pastor Rick, 5/29/2011, 3:45 am
|
5/29/2011, 3:38 am
|
Link to this post
PM Pastor Rick
Read Blog
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: Background
Hi Jewel,
I think this is the post you're referring to, where Belli said this:
body
{
background-image: url(http://www.yourimagehost.com/yourimage.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
}
You need to tell it where to put the background image. If you want it on the whole page, you use body. If you want it in a specific area, you need to specify which area, and if you tell us where, we can tell you what to use to target that area.
|
5/29/2011, 3:43 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Jewel5
Citizen
Registered: 08-2007
Province: Hooterville USA
Posts: 11
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Re:
I'm wanting it where I have the palm trees, the whole background.
|
5/29/2011, 3:47 am
|
Link to this post
PM Jewel5
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: Background
Then adding "body" where PR and I showed you will do the trick.
|
5/29/2011, 3:56 am
|
Link to this post
PM Lesigner Girl
Read Blog
|
Pastor Rick
Citizen
Registered: 07-2005
Province: Texas
Posts: 619
Karma: 11 (+12/-1)
|
ReplyQuote
|
|
Re: Background
Palm trees in the whole background? Are you wanting the image to automatically adjust so it looks like the image fits the whole background area showing on the browser?
|
5/29/2011, 4:53 am
|
Link to this post
PM Pastor Rick
Read Blog
|
Morwen Oronor
Citizen
Registered: 01-2008
Province: South Africa
Posts: 2604
Karma: 57 (+58/-1)
|
ReplyQuote
|
|
Re:
I'd like to see how that works because whenever I try to use something other than an image that blends neutrally, I end up with a mess like that.
|
5/29/2011, 5:50 am
|
Link to this post
PM Morwen Oronor
Read Blog
|
Jewel5
Citizen
Registered: 08-2007
Province: Hooterville USA
Posts: 11
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Re: Background
Pastor Rick said:
Palm trees in the whole background? Are you wanting the image to automatically adjust so it looks like the image fits the whole background area showing on the browser?
Yes
Thank you Lesa & Pastor
I put "body" in.. but now the forum table moves up and down. I just want the background pic to cover the back ground.?.
Last revised by Jewel5, 5/29/2011, 6:47 pm
|
5/29/2011, 5:22 pm
|
Link to this post
PM Jewel5
|
Lesigner Girl
Minerva
Head of Runboard staff
Registered: 11-2005
Posts: 9606
Karma: 132 (+147/-15)
|
ReplyQuote
|
|
Re: Background
This is what you currently have in your CSS:
background image
{
background-image: url(http://i52.photobucket.com/albums/g14/Raymond63/ptr.jpg);
background-repeat: no-repeat; background-attachment: fixed; }
You need to change the part in red to body
You will also want to center it horizontally on the page by adding background-position: center top; so the whole thing should read:
body {
background-image: url(http://i52.photobucket.com/albums/g14/Raymond63/ptr.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
}
|
5/29/2011, 9:52 pm
|
Link to this post
PM Lesigner Girl
Read Blog
|
Jewel5
Citizen
Registered: 08-2007
Province: Hooterville USA
Posts: 11
Karma: 0 (+0/-0)
|
ReplyQuote
|
|
Re:
I hate to be a pain, but now the background pic is just in the center. I want it to cover the whole background, (not tiled). Just the forum moves now, and I want it all to move like it is on Friends and Fun.
|
5/29/2011, 10:06 pm
|
Link to this post
PM Jewel5
|