Images Do Not Appear on My Website

Buy Microsoft Expression Web Professional Design Tool | Get Microsoft Expression Web Upgrade | Microsoft Expression Web Upgrade from FrontPage [Any Version]

Images Do Not Appear on My Website

Wednesday, November 28, 2007

This question is seen numerous times on FrontPage / Expression Web message boards. When the image is not seen on the web page, it usually means the path / file name is incorrect. When trying to locate the problem, you can right click on the image in Microsoft Internet Explorer and choose properties. Now you can take this information and it will help you locate the problem.

Image File Name

If the address (URL) has anything like C:\Users\username\Documents\My Web Sites\loudexpressions.com or C:\Documents and Settings\Administrator\My Documents\My Web Sites\loudexpressions.com, this usually means the image path is being pulled from your local computer using an absolute path. FrontPage and Expression Web Design will usually use a relative path in the source code. You might also check out Types of Hyperlinks as well.

For example, if you look at the source code from FrontPage or Expression Web, you might see something like

<img src="images/filename.gif" alt="Alt Text" />

But if you see something like

<img src="C:\Documents and Settings\Administrator\My Documents\My Web
Sites\loudexpressions.com\images\filename.gif" alt="Alt Text" />

chances are good your image will not appear correctly on other user's computers. Chances also might be that your publishing button is grayed out. You can use the Find and Replace option to help you fix this problem if it is on a few pages. Always create a backup before doing this - just in case you make a mistake.

Case Sensitive

If you are on a UNIX / Linux platform, file names are case sensitive. This means that image.JPG in the source code is not the same as image.jpg. Take care when naming your images and do not use upper-case or spaces in your file names. The best way to fix this problem is to delete the image off the server and then re-upload the image with the lower-case file name.

If you are on a Windows platform, it is not case sensitive so if your source code has

<img src="images/filename.gif" alt="Alt Text" />

and your file name is filename.GIF, this is usually not the case.

You might also try to clear your temporary Internet files.

Getting More Help

You can always with this on get more help Expression Web & FrontPage or the International Web Developers Network. Remember when asking for help, it is always helpful to others to know the source code or a direct URL to the problem page. You can also see Adding an Image in this blog.