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

---

Three Things You Must Do When Designing and Building Your Small Business Website

If you are going to have a web presence for... Read More

Great E-Cover Creation in 5 Steps

There are several graphic software packages available to help you... Read More

Why You Should Hire a Professional Website Designer

Your web site should always adhere to standards!A professional web... Read More

5 Ways To Automate Your Site

Automating your online business is one of the most important... Read More

Increase Sales on Your Website! Use Graphics!

How many times have you clicked on a website only... Read More

Why Content is King of Website Design

If there's one thing that most web site developers can... Read More

Explode Your Homepage And Replace It With Something Dynamite!

You know that I'm always extolling the virtues of an... Read More

6 Reasons Why Using Flash is a BIG Mistake

Most web designers and web design companies will try to... Read More

Put Up A Website And Start Promoting In About An Hour

I can't figure out people who have products or information... Read More

10 Things All Webmasters Should Know

Geared Up with a website and lots of energy to... Read More

Power of Squeeze Pages for Realtors

Squeeze pages are a very hot topic in the internet... Read More

Mini Site or Content-based Web Site?

Are you in a dilemma whether to create a mini... Read More

You Had Me At the Search Engine

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

The Next Marketing Tool: Deisgn

Design sells. It's something that all of us know, but... Read More

Introduction To CGI Scripts

Using CGI scripts to add automation to your web site... Read More

How Does Your Website Measure Up?

Does your website make a good first impression? Is the... Read More

Creating Personal Web Sites (Part 2)

This is the second part of a two-part article about... Read More

Get Rid of Your Frames

A few years ago a lot of websites utilized frame... Read More

Why Choose A Professional Web Designer?

It seems that almost every Tom Dick and Harry do... Read More

Transforming A Site From Good To Excellent

One of the challenges of moving a web site up... Read More

Hiring a Graphic Designer

You've come up with a great product. You've got the... Read More

Bad Web Design: ActiveX

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

How to Hire The Right Web Design Firm

Regardless whether you manage a small business, charitable organization, or... Read More

Keep Them Coming Back - Update Your Site

If you are anything like me, your website is a... Read More

Web Design: Should You Hire Someone or Do It Yourself?

So you need a website. You are not sure if... Read More

Graphic Design Can Make or Break Your Web Site

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

Creating a Favicon

Once, I attempted to create a favicon (the little graphic... Read More

How to Find Inexpensive Web Design

Web design is a very competitive area and there is... Read More

Designing Professional Web Pages

If your Web site doesn't project a professional and polished... Read More

Turn Benefits Into Sales with Streaming Media

The "Wow" factor that accompanied the introduction of streaming media... Read More

Cheap Website Design In Birmingham

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

Website Design For Small Businesses

There are many different website design companies, offering different facilities... Read More

Website promotion Ideas: 10 Web Site Add-Ons To Increase Your Traffic

If you're not getting a lot of traffic to your... Read More