Yep, your problem is a pretty common one. It all has to do with the location of the image files, and the way the image is “linked” in your page.
In NVU, and most other WYSIWYG “webeditors”, when you “select” your image by “clicking”, watch what NVU places in the “text input box” for the graphic/image filename. For instance, on the first “broken” image on your page, the image file is defined as being:
Now, this is not where the image “lives” on your webserver, it is where the image lives on your computer. The “dangerous” part is, you will probably see the image just fine: The page loads from the webserver, and then loads the image from your computer, and you will not likely realize that I (or others on the web) can’t see the image at all…it is not “on the web”…your page’s contents are “split” between the webpage on the server, and the image, on your computer. Accordingly, I see no images at all. The matter is further complicated in your case by the fact that the images are stored in different directories on your computer, some of which (I’m guessing you are using XP) are viewable "from the webpage (shared) and others are not - hence you see some images, and others broken (in directories that can’t been “seen” by the webpage on the server).
TO make this all make a little more sense, after you load your page in your browser by going to :
Right-click on any “text” portion of the page, and click “view source”. It will look like “gobbledygook-code” but look for wherever you see the words “<img src=”. You will see the “paths” for the images embedded in that “img src” tag, and see where the differences are (which will make the problem easier to understand, I think)
Since you didn’t name your page “index.html”, or “main.html”, or any of the other “default” pages, I can see the contents of your web space directory, and there are no images there at all, only your single page. You only see images at all because the page can display images that are in the proper “path” in “shared” directories on your computer.
WHat you want to do it as follows:
put all your image file in the same directory on your computer, and copy your .html file into the same directory.
Re-open the file in NVU
Right-click over each image, and change the “image properties” to remove *everything other than the image name and file type - for ex, the above image should show"
in the text imput box for the image name.
Repeat this process for each image.
save the file in NVU, making sure the resulting .html file is in the same directory as the image file (I think you said your desktop- then ok, desktop it is.)
upload *alll these files, via ftp, or NVU’s built-in ftp client, to your webspace, keeping them in the same directory on the webserver:
Having done all of that, your page will display as intended.
Going forward, you may want to keep all you images in a seperate directory of your webspace, and if you do, you will them preceed the name of the image with “directoryname/”, for example, if you store all your images in a direcory called “images”, you would enter “images/23119452.jpg” for the name of the first picture indicated above. I suggest you also take the time to read through the NVU “help” on linking imagesm now that you have read this; it should make better sense given the additional explanations I have provided.
This is the quick and dirty version, and you can easily fin great tutorials on the net by “googling” for “linking images in html”, or similar.
You will find the whole process much easier, if you “mirror” a folder structure on you computer that is the same as the structure you establish on your web server.
Hope this helps a bit!