homepage Welcome to WebmasterWorld Guest from 54.227.41.242
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / WebmasterWorld / Webmaster General
Forum Library, Charter, Moderators: phranque

Webmaster General Forum

    
Better Way for Repeating Images
Fortune Hunter




msg:3694817
 8:36 pm on Jul 9, 2008 (gmt 0)

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




msg:3694834
 8:55 pm on Jul 9, 2008 (gmt 0)

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




msg:3694987
 12:41 am on Jul 10, 2008 (gmt 0)

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




msg:3695014
 1:27 am on Jul 10, 2008 (gmt 0)

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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / WebmasterWorld / Webmaster General
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved