Displaying Images properly when using an HTML editor
I hear it all the time.. “I can’t get my web page images to look like they suppose to”.
Its a common problem with “newby” web masters.
They design a great looking page in Microsoft Frontpage, and they do a preview and everything looks just great. They then publish the page to their website, either using Frontpages’s publish option or via a FTP tool such as WS_FTP, or CutFTP.
Then, with great expectations they call up the page in their favourite web browser ,and they are immediately disappointed.
The images don’t display, they just show up either as a grey-bordered rectangle or as a small red “X” in a box..
What could have gone wrong ?
Everyone who makes websites, has made this mistake when they first start out.
The answer is very simple.
The problem is that the image they linked to in MS FrontPage (on their desktop) reference, resides in a different directory to where it lives on the server.
On the PC, they may have accessed an images that lives in c:\work\myimages\small-pictures\, and so the path to that image in web pages says exactly that.. The trouble is.. “c:\work\myimages\small-pictures\” is not a valid directory on the server..
The easiest solution is :
On the PC, first collect all images you want to use, and place them in the same directory as the web pages you are working on resides.
Then link to those images in that local directory.
Now when you copy the files (web page and images) up to your website, you images will show up on your web pages.