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

In The News:

Web Design Trends in 2019  Business 2 Community
Web design agency expands team  East Midlands Business Link
Rochdale computer courses  Queens Chronicle
Asus VivoBook S15 Review  TrustedReviews
Will AI really transform education?  The Hechinger Report
Largest Web Design Firms in Massachusetts  New York Business Journal

Why You Should Use CSS

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

Pages to Include in Your Website

What pages need to be included on your website? The... Read More

Affordable Website Design In Manchester

If you have a business, big or small you may... Read More

KIS - Keep It Simple

There are many ways to add fancy bells and whistles... Read More

How Important is Content to a Successful Website

Content is the most important part of any website.The Internet... Read More

Creating a Basic Web Design Template

A "template" is simply a design format which you can... Read More

Top Ten Ways to Increase Web Sales - Part 2

You have only 10 seconds to impress your potential buyer.... Read More

Give Your Web Site a Small Business Marketing Tune Up

Your web site is like your car. Both are significant... Read More

Why Not To Use Web Design Templates For Your Website

In today's age of fast food and high-speed Internet, a... Read More

Can a Webpage Created Without HTML?

The HTML editor is usually a webpage design software that... Read More

5 Website Design Tips to Make Your Site More Attractive

The question that I most frequently hear from people is... Read More

A Great Banner Only Needs Simple Things

To create your own great banner, you only need five... Read More

Bad Web Design: ActiveX

ActiveX uses an interesting method for enforcing security ... it... Read More

Web Page Building for Beginners 4

Page ranking by search engines such as Google are not... Read More

Can Your Visitors Contact You From Your Website

Argh, where's the contact button?! Believe it or not, some... Read More

Choosing A Color Scheme

When you begin the design of your Web site, one... Read More

12 Essential Web Site Design Tips

1. What's the purpose?The most fundamental thing to do before... Read More

5 Instant Tips for More Online Sales

Even after you've managed to bring traffic to your site... Read More

Website Checklist

10 Basic Things Your Website Should Have ...__ all short... Read More

Through The Looking Glass

My mother used to take me along when she visited... Read More

Why is a Logo so Important to Your Business?

Well, a logo for your business. Why is it important?... Read More

Color Scheme for Your Website?

Yes, in a world that is obsessed with makeover madness,... Read More

Sell Yourself First...Your Key To More Sales

Selling on the internet is a challenge. There is no... Read More

Building Your Website to Save You Money

Does your website make you any money? Does it SAVE... Read More

Optimized Web Page Template

I want to give you a free web page template... Read More