Help needed with background image.
 

Hi everyone, hopefully someone out there can help me out :)

I'm trying to create a background on my forum www.potters-online.co.uk)

I want to add former players to the edge of the forum in the background, however when people are on different resolutions its displaying as repeating images and when i remove repeat it just sits in the center behind the main forum.

I want it to look like this no matter what resolution the user has

https://vborg.vbsupport.ru/external/2012/05/30.png

Instead of this what im getting now

https://vborg.vbsupport.ru/external/2012/05/31.png

Thanks in advance

Shawn

background: #F0F0F0 url(http://i600.photobucket.com/albums/t...nders/brap.png) fixed center repeat-none;}

And a word of advice would be to use the 2 dudes as a png image and change the background color to the same red in the image. It should accomplish the same thing you want but would load faster and easier to edit in the future as the red color you chose is burning my eyes, lol.

Thanks for your help :) I've done as you suggested but this is what it looks like now.

https://vborg.vbsupport.ru/external/2012/05/29.png

It's gone :)

This is what is in my doc_background stylevar:

Background Colour : Transparent
Background image : url(http://i600.photobucket.com/albums/t...titled-1-6.png) fixed center repeat-none
Background Repeat: Repeat.

Where am I going wrong ? Please feel free to call me stupid :)

Upload your image to a folder on your server, personally I would save it as a jpg to reduce page load then make your settings as so:

Background Color: #F54B4B
Background Image: url(images/yourbackground.jpg)
Background Repeat: no repeat
Background Image Horizontal Offset: top
Background Image Vertical Offset: center

The problem your going to have is as your forum grows longer then your image will move so you need to use 'fixed' so your background doesnt scroll with your forum, having never tested this I can't really help you there!