How to repeat the background image?

[bradles]

Hi Guys,

I have a background image at the top of my website that is 1800 pixels wide (blue to white gradient). How can I get this image to repeat over and over without having to include the full image? On smaller screens it makes a horizontal scrollbar appear at the bottom!

My website is http://www.facebook-tutorials.com

Cheers,

Brad

[Collectors-info]

Re: How to repeat the background image?

Hi, delete the image you have.
Now place a shape on your page & shade it as you want. The length is up to you, but make the width about 2px & place it in the top left corner out the way. Right click on the image & select html & you will see some code with the image's name, something like bv01119.gif. copy this image name into the code below & then select from the main menu View>Page HTML>Between head tag> & paste in this area. Preview

<style type="text/css">
<!--
body {background-image: url(bv01119.gif); background-repeat:repeat-x;;background-position:left top;}
-->
</style>

Also have a read of this to centre your pages

[bradles]

Re: How to repeat the background image?

Awesome, thanks heaps Chris!

One more question: I am making up a new web page and everything is in correct alignment when I am inserting images. I then click 'preview in browser' and some of the images move to the right out of alignment???

Very frustrating, any ideas?

Cheers,

Brad

[Alien Dude]

Re: How to repeat the background image?

This can sometimes happen if you have a misconfigured script or two scripts that conflict with each other.

[bradles]

Re: How to repeat the background image?

Any ideas on how to fix this? I have simply created a basic new page and inserted about 6 images. There is a html box with a you tube video and a html box with an Aweber opt in form. The opt in form moves to the right off the main page and one of my banners also moves to the right?

Thanks :)

[Collectors-info]

Re: How to repeat the background image?

As Alien suggested, its quite likely a conflict. Remove one of the scripts on the page & preview. If this is no good, then replace the last script & try removing another one to see if it solves it.