Background Picture Edge Location

Technical Details

Forum version : phpBB2
Position : Member
Concerned browser(s) : Google Chrome
Screenshot of problem :
Who the problem concerns : Yourself
When the problem appeared : During creation
Forum link : http://atgo.forumotion.com

Description of problem

Hi all,

I'm using the MG Black Green Skin from Hitskin.
I've uploaded a background picture image to fill the right and left borders. The image is wider than the border, which it fills. The left border works fine. The image fills the border from right to left and tiles vertically without being noticed. But the image edge is directly in the middle of the right border. I've uploaded several sizes of background image, but the edge seems to always be in the center. And it looks terrible. I know I could make a more homogeneous image to make the edge disappear, but isn't there a way to space it so that the image fills the entire width of the boarder?
[img][/img]
Thanks for the help.

Hi @Cineworks,

From my view it appears to display fine. Have you fixed it ?

Thanks for the post Ange,

I fixed it for the time being by using a more homogenous image.
But the issue remains.
I would like to know how to control the placement of the tiled (correct term?) background image.
Any ideas?
BTW, I love this site! I had no idea how easy it was to create a forum. Of course, making it perfect will take a bit more work and help...

You can use CSS to manipulate the background image.
( Display > Colors > CSS stylesheet )

Here's a few examples.

This stops the background from repeating :

Code:

body {
  background-repeat:no-repeat; /* stops tiling */
}

This stretches the background image :

Code:

body {
  background-size:cover;
}

This can fix the background image in place :

Code:

body {
  background-attachment:fixed;
}

You can over course fit all these into one single code. For example, no repeat and bg size :

Code:

body {
  background-repeat:no-repeat; /* stops tiling */
  background-size:cover;
}

Great,

Thanks Ange. Exactly what I need.