This is a common problem with FrontPage and I have never been able to figure out exactly what triggers it. However, it is not very difficult to fix.

First, make sure that all your files have been uploaded, if you are using FTP to publish your web. Forgetting to transfer an image for example, will have the same effect as the "quirk" that I'll explain here.

When the "Preview" mode works but the published pages do not, it is generally because of an error in the HTML code of the pages. This arises generally in two areas, one is in your image files and the other is in pages linking to each other.

Sometimes when you insert an image, FrontPage will enter the path incorrectly, using the complete path to the image on your hard drive. When you preview it, the page works because the browser has access to your hard drive. Once you transfer the files to the server, which does not have access to your hard drive, anything using the path to your hard drive will not appear on the page.  This sounds confusing so let me show you an example.

Here is a line of code taken from FrontPage, HTML view. This line is the Image Source tag, which "tells" the page where to look for the image file that belongs in this spot on the page.

<img src="file:///C:/WebGraphics/puppy.gif" width="68" height="67"
alt="DevaPuppy (1402 bytes)">

This part of the code: file:///C:/WebGraphics/puppy.gif  shows that the page is "looking" for the image on the C drive. Any code that starts with "file:///C..." will never work once it is on the web.

The correct code would be this: 

<img src="puppy.gif" width="68" height="67"
alt="DevaPuppy (1402 bytes)">

However, the code will only work now if  the image is in the same directory as the HTML page to which it links. In other words, when you look at your FrontPage Explorer, in "Folder" mode, the html page that has this image and the puppy.gif file would both have to be in the same folder for this code to work.

As another example, If you put your images in the "images" folder that FrontPage creates, and your HTML page is in the top level directory (the list of which shows on the right side of the screen, if you click on the "http://default..."  line at that top of the left site), then the code would have to look like this to work:

<img src="images/puppy.gif" width="68" height="67"
alt="DevaPuppy (1402 bytes)">

Sometimes when you look at the code, you will see references that look like these:

These show the relative directory, or how far removed from the HTML file the image file is. One way that you can always change these references to know they will work, is to use the full address in the code. The example of that, using the original code above, would look like this:

<img src="http://www.cybergalleries.com/puppy.gif" width="68" height="67"
alt="DevaPuppy (1402 bytes)">

This changes the page so that instead of looking for a path that is relative to where the image file is, it looks for an absolute address. The difference here is like the difference between saying, "Go two blocks and turn left" (which is relative to where you are standing now) or saying "Go to 123 Park Street" (which is the same no matter where you are at the moment) 

For an alternate method of inserting your images, so that this will not happen, and which is faster, see: A Better Way to Insert Images.

If this does not make sense to you, or if you still have a problem, please contact me and I will show you exactly what changes need to be made on your page(s).

If you use this information but do not need my help, I would very much like feedback so that I can either modify my instructions accordingly, or know that they are being used.