Repeat Background Image - Horizontally

**monica** · 28 July 2013, 12:04 PM

Hi

I created a website in which I repeated the background horizontally (and not vertically). It worked for a long time and after I recently republished the website it no longer works.

http://beachbodytan-spraytanning.com

There is supposed to be just one thick black horizontal line across the page.

Why is the code no longer working?

<style type="text/css">
body {background-repeat:repeat-x; background-color:#333333;}
</style>

Thanks for your help.

**Acorn** · 28 July 2013, 08:48 PM

monica, what you seem to have is the following:

body {background-repeat:repeat-x; background-color:#FFFFFF;}

</style>

as well as:

body {background-repeat:repeat-x; background-color:#333333;}

</style>

and:

<body style="background:url('index_htm_files/1.jpg') 0px 0px repeat;">

The last is in-line and the image 1.jpg is 4px x 500px but is is white/black/white, which is giving you your banding.
The in-line styling beats the preceding style block.

You need to delete 1.jpg.

Acorn

**slavelle** · 31 July 2013, 02:12 AM

Also, "repeat-x" means just horizontally, where "repeat" means both horizontally AND vertically.

If that helps, I'm glad.

**monica** · 11 August 2013, 09:36 PM

Sorry for the delay responding - my computer was out of commission for ten days. Yikes!

Isn't this code generated by Xara so I cannot modify it?

<body style="background:url('index_htm_files/1.jpg') 0px 0px repeat;">

**steve.ledger** · 11 August 2013, 09:57 PM

You can't edit that code in Web Designer because it doesn't exist at the design level (Web Designer is not a HTML editor).
That code is written (on export) because you have set an image as the pasteboard background.

There have been lots of changes to the page and pasteboard behaviour in the latest version, for example - in version 9, if you want an image to be the full width of the browser window horizontally and not vertically also (tiled) then place your image on the (unlocked) 'pasteboard background' layer at the position you want it, right-click and chose 'Fill browser width'