Why Do Images Disappear from a Webpage?

In learning webpage design, I encountered many problems that took lots of practice to resolve. Although, I was building web pages using Microsoft Frontpage on my home computer, I used to face lots of issues after uploading the webpage to my website.

One major problem was the disappearance of an image file from the webpage. When I created the webpage on my home computer, it looked exactly the way I planned it. Both the text and images showed on the webpage.

When I uploaded the webpage my web server space, they images showed as the letter X in the middle of a blank frame.

After lots of searches, I found out that the problem can only be fixed by modifying the HTML of the web page having the problem.

The HTML code I had to change was very simple and straight forward, when locating the code related to the image.

Whether the webpage has one or more image, you use the same method to modify the code. You just have to fix one at a time.

The rule for an image to appear correctly, is to save the images in the same directory as the webpage where the image is supposed to appear.

Whether you create a webpage on your home computer or your web server, the same rule applies.

When you upload the webpage to the web server, the website looks at the webpage an sees the image source as the hard disk of your computer. This is why it can't display it. The image source should be in the directory on the website.

Here is the solution to this problem:

Every image file on a webpage is embedded in the IMG tag, and the exact location of the image file shows as a value for the SRC attribute. For example, SRC = "image.jpg" is one of the format that an image appears in.

Correcting the SRC value, will correct the problem that causes the images to show as the letter X. The SRC tag attribute means the source location of the image file. When the webpage was designed on your home computer, the source value was your computer hard disk.

In summary, before you upload a webpage with picture, you should change the Html code of the image.

All what you need to change is the SRC value from your hard disk to your website directory.

For example: Change this code SRC="C:image.jpg" to SRC="index.html" if the webpage happens to be your home page. If the page was not the home page, you can just replace index.html with the name of the page.

Article published by George Chamoun. Join my list for tips about HTML coding, web page design, and website building. Get your free 7 part HTML tutorial. It is free, and you can unsubscribe anytime. http://www.HowToUseHtml.com

---

5 Powerful Ways To Get Zero Sales From Your Website

I want you to imagine a lemon. In your mind's... Read More

Converting Print Advertising For Use On The Web - A How-To

Contrary to the beliefs of some, advertising for web and... Read More

Online Businesses Still Ignoring Dial-up Market

In this article you will find the parallel between two... Read More

How Do We Know When Its Time To Redesign Our Web Site?

A question we frequently get asked is, "how do we... Read More

How To Create A Stunning Drop Capital Effect On Your Web Pages

Drop Capitals are frequently used in many newspapers, books and... Read More

Recipe For A Good Looking Web Site

We've all surfed the web and seen some awful web... Read More

Why You Should Use CSS

It seems more and more webmasters are using CSS for... Read More

Cheap Website Design In Birmingham

Due to the large number of people offering website design... Read More

Facts You Should Know About Web Site Design and Search Engine Optimization

1. Web site File Structure / File NamingMost search engines... Read More

Building Your First Web Site?

Before doing anything on the technical side, you need some... Read More

Ten Design Mistakes to Avoid

Avoid these mistakes and your site will be steps ahead... Read More

How to Choose Web Design Company?

Before deciding on which web design company to choose, you... Read More

Simplify Your Web Site for Clarity and Ease of Use

There are plenty of web sites out there in which... Read More

What Content to Publish on Your Website

Many businesses want a simple website where they tell people... Read More

Web Design for Dictators

No question about it, web design is an art. Finding... Read More

Does Your Website Induce Seizures?

QUESTION: We promote our web site in all our... Read More

Colorblind People, Can They Really Read Your Web Site?

I once created a notepad-like editor. It is possible with... Read More

Web Marketing: Design Mistakes That Drive Customers Away In Droves

They may look cutting edge, but if you want a... Read More

10 Ways to Sabotage Your Website Traffic and Send Visitors Packing

If you're running a website or online business, your number... Read More

What Drives Repeat Visitors To Your Site?

There can be zillions of reasons why your visitors return... Read More

The Brutal Truth

Not too long ago while looking for businesses that do... Read More

How to Choose a Website Design Company

The internet is full of web design companies pleading for... Read More

Tried and Tested Tips to Improve Your Website - Part 1

1. DO NOT use excessive graphics or banner images on... Read More

HTML - A Website Language Explained - For Over 35s

This is a very perfunctory look at the website code... Read More

Website Design - Choosing Your Colors Wisely

Colors convey emotions and emotions heavily influence the decision-making process.... Read More

Make Artistic Graphic Designs

Are you a student of graphic design? If you have... Read More

Cascading Style Sheets for Better Web Design

In cascading style sheets you can specify how your web... Read More

Text Is King!

Are you building your website? If so, STOP! Take a... Read More

You Had Me At the Search Engine

You've likely heard of the movie, Jerry Maguire, with its... Read More

Graphic Design Can Make or Break Your Web Site

We all want high impact graphics for our Web sites... Read More

How to Design Website Which Google Likes

Are you going to design or redesign new website or... Read More

No More Jargon! Pamper Your Audience!

When your company built its website, did you think about... Read More

Get FASTER Download Times By Making BIGGER Web Pages!

As a webmaster you already know how important it is... Read More