OK... I'm confused. Please help! I am working on a web site, and I have found that the background box which I created through VSD is including foreground images and text as part of the background image. The worst part is, the foreground objects don't exactly match up to the same objects in the background image, which means (especially with the text) they look weird.

This seems weird, but... here's what I'm seeing:

http://withgoodreasons2.elliswebdesign.com is the web page.
http://withgoodreasons2.elliswebdesign. … /IMG_0.jpg is the background image.

See how VSD for unknown reasons is duplicating some of the foreground objects in the background image?

It's doing this on almost every page.

The only thing that seems to not line up right is the advanced text - but I need to use advanced text because of the font selection.

Incidentally, this is not the first time I have seen this happen. This also happened on another web site I designed, http://www.emersontreefarm.com, and I didn't bother trying to fix it that time because once the site was done it wasn't visible. This time, though, it is actually causing a legitimate problem.

Please help!

Looks ok to me. What browser do you use

Are you referring to the piece of the letter G sticking out from behind the word Granola?
If so I would open a support topic.
https://www.coffeecup.com/help/myroom/opentopic/

This happens when images are copied/pasted then saved. VSD takes a "snapshot" of the image (including background in transparent PNG images) and saves it in the Files folder. These images will all have a number instead of the original image name.

On your home page, the entire page background is IMG_0.jpg. Over the text at the right there are 2 more images:
IMG_11 (Organic New Hampshire....)
IMG_13 (Delightful....)

You can set an image as your page background (look under Page Properties). Then you can choose to have this background for all your pages (Settings > Standard Settings for New Pages).

Don't forget about the non-standard font on the other pages Here's what I'm seeing:

http://callie.coffeecup.com/storage/non-web-font.png

Nothing was cut and pasted - all of these elements were created right within VSD. I used the "allow advanced text" checkbox to convert the text to images (so that I don't lose the font), but the screen capture you showed me is NOT the right font. I do not understand - the advanced text option is supposed to convert it to images, why are you not seeing it properly? And I didn't cut and paste anything, so if you're saying that the cause of the images shadowing each other is cutting and pasting, that doesn't make sense. Literally all of the elements I am having problems with are VSD-created elements.

And since I"m having problems on the home page, and I designed that page first, there's no place that I would have cut and pasted from...

Somehow, you've gotten extra images on top of your page background image. If you haven't copied then pasted anything from one page to another (such as your background or logo), then I don't know what's going on
For example, on the Products page – The background (which includes the logo is IMG_25.jpg) Then there's another logo image on top of it (IMG_26.jpg).
On the home page, the background (with logo) is IMG_0.jpg and there's another copy of the logo on top of it (IMG_1.jpg.
If you're inserting images from your files, they would have the name you saved them as; for example, each instance of the logo would have something like "my-logo.png" rather than having a different IMG_#.jpg for each instance.
You could go through your pages and see if you can find the duplicate images and delete them (make notes so you can delete them from the Files folder too. In VSD, go to Edit > Select All and see if you can find any overlapping items.

Make sure you've got the Allow Advanced Text box ticked for all instances of your heading text.

If everything then looks OK, you might choose Re-Synch when you upload the site.

Yes, but the problem is that the background image isn't supposed to have the logo in it! That's the problem I'm having. The background image should *just* be the background image.

Here's the steps I did to create my site:

Step 1: As part of the new site process, assign a background image (that's the granola you see around the outside).

Step 2: Use the "shapes" tool within VSD to create the gray box which sits above the granola image, wherein all the other content will go.

Step 3: Use the images tool to place the logo in the upper left.

Step 4: Use Coffee Cup's DHTML Menu Builder software to create the drop-down menu.

Step 5: Use the HTML box tool to insert the DHTML menu.

Step 5a: Use the images tool to place the little mini logo at one end of the DHTML menu. Copied and pasted that mini logo to also put it at the other end of the DHTML menu (the little mini logo is the only thing I copied and pasted in the site, but I did it on other pages as well. All other images in the site were placed there with the image tool).

Step 6: Use the shapes tool to create the 3 colored lines in the heading text area.

Step 7: Use the text tool to create the heading text.

Step 8: Allow advanced text on the heading text to preserve the font.

Step 9: Use the images tool to insert the shopping cart image in the upper right corner.

Step 10: Use the "edit header" tool in the edit menu to insert some code for the shopping cart.

Step 11: Use the HTML box tool to insert the shopping cart code on top of the shopping cart image in the upper right corner.

Step 12: Use the images tool to insert the photos in the main content section of the page.

Step 13: Use the text tool to create the text in the main body of the page.

Step 14: Use the text tool to create the copyright and designed by statements at the bottom of the page.

Step 15: Use the "add page" tool to add all of the other pages on the site, using the "duplicate page" feature to make each one a copy of the index page.

Step 16: Edit all the other pages appropriately and where needed.

So... I do not understand why the background image (which is just a box created with the shapes tool - and it was created FIRST) picked up and integrated some (but not all) of the content that was laid over the top of it. And, like I mentioned in my first post, this isn't the first web site I've designed with VSD where that happened.

Coffee Cup support suggested deleting the files and re-syncing. I did that...no help (in fact, it can't possibly be a problem server-side, since the shadowing happens even when I preview the site on my own computer!). Back to to the support area to put in my response. But hopefully someone here can help, too (never hurts to seek advice from both the experts and the expert users, you know?)

Thanks,

Jason

GGranola

Corganic

I have had this problem, its something to do with when you convert text using advanced text, and then select shadow or bevel or glow etc from the effects .

If you set everything to 0 when selecting the options with the effects tool, it should go away,

Then change it again till you get desired effect, and see if it comes back.

and don't stretch or reduce the advanced text box, that may also be part of the problem

The only way I have found to rid myself of this issue is to use the Buttonize feature and put the text that you need in a button that matches the element your using or the background. I have tried all the suggestions plus some.

I think you need to go to your Files folder and get rid of any images you don't need.

Here's an example... the first is some advanced text over a line and blue background. The 2nd is advanced text over a blue background. I copied just the text boxes and pasted them onto a new page. Looks fine in VSD, but here's what VSD saved to the Files folder:

http://callie.coffeecup.com/storage/copy-paste.jpg

Somehow these "junk" files are getting mixed up on your page. I would delete the backgrounds from your pages. Then create the page shape/background in an editing program, save/optimize for web, then in Page Settings browse to your image. It will be inserted as an actual background rather than an image. You'll be able to re-position things on your pages without worrying about shifting the bkgrnd and VSD won't create copies of it