I'm working on a church website and am having trouble with objects (buttons) in the foreground causing the background color to become "jagged". It looks good in the preview but when uploaded the jagginess apprears.

Here's a link to the site;

http://cpclakewood.com/

If you look at the left side where the buttons are, the blue/green vertical color has slight jaggedness between the buttons. If I move the buttons right or left the jaggedness will move left or right. Eventually it will line up or come close but it's very time consuming and can only be seen after uploading which takes quite some time after each adjustment.

Any help would be appreciated.

pg

As a followup, if you look at the link "Kids-Logos", here it is;

http://cpclakewood.com/Logos.html

You'll see that the image of the title logo is bringing the background beige forward onto the photo below it. I've tried deleting the logo and re-importing it with no change. I've also deleted the drop shadow and repositioning the logo with no effect.

Any help would be appreciated.

pg

pg, I've seen/dealt with this before!
Whenever you copy/paste any of your images (including buttons, shapes, logos...), VSD creates it's own copy in the files folder. If there's a drop-shadow or glow on it, VSD will save some background as well for the effect to dispay on. So, for example - you have an image called button3.jpg with a drop shadow. You've copied it for all your pages (and maybe moved it around some). Go look in your files folder (or where ever your images are saved) and now you'll have not only button3.jpg, but also img1.jpg, img2.jpg...
and these will have remnants of the background or any other objects they overlap with them.

When I had this happen, I deleted all those extra img.jpg's, deleted all of the wonky images in the site I was working on and then made sure I inserted only my original image file. A bit of a pain in the @$$ if you've got a lot of pages with this going on, but it worked!
Here's one of your images so you can see what I'm talking about. Notice the bottom of the logo is overlapping the photo. This image is listed as "logos19":
http://cpclakewood.com/files/3-25-09_Logos19-Crop%20m.jpg

I would also point out that your logo has been scaled. If you go to the kids' logo page and right click on the logo... look for the VIEW IMAGE INFO or similar and you will see that the image has been scaled up from its original size. This will also inevitably have a bad effect on the image leaving lots of loose jagged pixels. Try using that image at its correct size and you might already see an improvement.

It would be great if VSD had rulers (top and side) as well as the guides. Would make it easier to plan what size to save things at. As it is, I drag a rectangle out where I'm going to put something - a logo for instance - then I make a note of the size of the space it takes up. Say it's 225 px by 145 px; now I can open or create my logo in an image editing program and "save for web" at the exact size it needs to be.
No distortion or pixellation. And - if you re-size images in VSD, it's taking another "snapshot" of that image every time you change it, creating even more of those numbered img.jpg files.

For logos or other graphics that will be used in various places all over the site, I like to make a few different sizes (usually in photoshop). So if I need a smaller version of a logo (maybe to go at the bottom of a page), I can insert the original file and not have to deal with the weirdness caused by resizing and copying.

All my rambling, and I forgot all about this - If you want to copy/paste an object or image, first remove any effects on it (like a drop-shadow), then after it's copied and in place go back and add the effects. That will keep VSD from "grabbing" stuff around the image when it gets copied.