Better Way for Repeating Images

[Fortune Hunter]

I am working on a project for a client where I am using a repeating background image with a pattern to it. The pattern is water droplets of different sizes scattered in a random look.

The client doesn't like the way you can see where the images touch each other when they start repeating. You can see it, but I am not sure if there is a better way to correct it.

I have a page set up in a fixed width CSS position. I use another CSS tag to create a repeat image in the main content block and then just dump the text over it. However as the client notes you can clearly see where the image starts repeating.

Does anyone have any suggestions how to handle this design issue a better way when you don't know how tall the final page will be and therefore, must repeat the image.

[mattur]

You could create a seamlessly tiling image, so that when the image is repeated the pattern just continues without any visible breaks (like patterned wallpaper).

PaintShopPro has a tool for doing this I think, and there are tutorials on the web for other apps. The only other alternative is to use a massive image. Or change the design... ;) HTH

[Beagle]

I use Paint Shop Pro, too, but I think just about any image editing program can make seamless tiles. Or look on some of the many sites that offer tiling backgrounds for free download - random water droplets is a classic and shouldn't be hard to find.

[Fortune Hunter]

seamlessly tiling image, so that when the image is repeated the pattern just continues without any visible breaks

Thanks! I haven't heard of this method before. I don't do a ton of graphic design, typically just enough to be dangerous. I did a quick Google search and found a bunch of tutorials. This will solve a thorn in my designs I have had for a while.