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:


pen paper and inkwell


cat break through


Top Ten Fonts for Website Design

The top ten fonts for website design might change in... Read More

Testament To Testimonials

We have all seen websites showcasing their testimonials either spread... Read More

Hexadecimal Color Notation on the Web

When designing elements for your webpage, you will often be... Read More

Tableless Web Designs: Why I Switched

Since I made the switch 6 months ago to a... Read More

Your Web Site Is A Wonderland: What Picassos Art Taught Me About Persuasive Design

Whenever singer John Mayer sings his romantic song, "Your Body... Read More

How to Design a Search Engine Friendly Web Site

Many web site designers don't design their sites for the... Read More

The Secrets to Successfully Learning Basic HTML

If you'd like to create/maintain a website, having some HTML... Read More

Appropriate Key Words Choice

What do the key words represent?Key words - these are... Read More

Top Ten Absolutely Free Websites for Downloading Cool Fonts

The following list of websites is the best compilation of... Read More

Keyword Density

We can't emphasize enough the importance of including keyword-rich content... Read More

Using Server Side Includes to Simplify Your Web Design

An "include" file is a piece of code that can... Read More

Custom Website Design - 7 Steps to a More Professional Website

If you are trying to sell a product or service... Read More

Winning Websites

Customers will form an opinion of your business as soon... Read More

Double Ad-Trackers Its Not as Crazy as It Sounds Here Are 7 Reasons Why?

A Double Ad Tracker is an Ad-Tracker that points to... Read More

Web Design for Ecommerce

Your website is your tool for showing the online community... Read More

How a Custom Designed Website Can Help Your Business

Over the years, the internet has grown into a marvelous... Read More

Online Advertising: 10 Tricky Secrets To Keep Visitors Glued To Your Website And Increase Sales

It is common sense.The more time people spend at your... Read More

Website Redesign for Existing Websites

Does your website need a re-design? Here are some questions... Read More

How to Double Your Online Sales Without Spending Another Dime on Advertising

Learning how to convert visitors to your web site into... Read More

The Monster Garage of eLearning

Have you seen Jesse James on the... Read More

7 Web Site Design Mistakes That Will Lose You Clients

In today's world, a web site is virtually mandatory for... Read More

The Technology May Change, But Human Nature Remains The Same

Let me repeat that.."The technology may change, but human nature... Read More

Selling Multiple Products? Avoid These Top Blunders

When your web site sells more than a dozen items,... Read More

Maximising Web Site Viewability - Browsers

With so many different configurations internet users have their computers... Read More

5 Easy Ways to Improve Your Website

When designing your website, remember to avoid useless and confusing... Read More

Let Your Website Make You $$$ While You Sleep! and All That Other B.S.!

Well, you've got your product, started your home business, and... Read More

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

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

Build It And Build It Cheap!

There are several very good reasons why you should consider... Read More

Choosing the Right Web Designer

Creating your web site can be a tricky process. Choosing... Read More

Do You Own Your Web Site Design?

Your web site has been up for a few months... Read More

Make it Clear What Your Website is About

Just about every list of the "Top 10 Web Design... Read More

Do-It-Yourself or Hire a Professional Designer

Remember your vision for your company and the brand or... Read More

Dont Overdo it!

Have you ever been to site with so much ad... Read More