Thread: How to repeat the background image?

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

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

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

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

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 :)

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.