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

---

A Web Site That Sells Is All One Needs To Have A Successful Online Business!

There are more than billions of Web Sites, running Online... Read More

Usability Lessons from the Hospital

Usability isn't only for Web design. It's also applicable in... Read More

Marketing Basics for the Webmaster

What is the relationship between Marketing and Web designing? How... Read More

Keep It Simple, Stupid: The Beauty of a Clean Cut Website

Don't knock it; "Keep It Simple, Stupid" is a great... Read More

Quality of Your Text Layout and Design

Why is the quality of your text layout and design... Read More

Web Page Building for Beginners 2

A search engine robot actually reads the wording on your... Read More

6 Website Design Disasters and How to Avoid Them?.

Let's face it; the line from A Field of Dreams... Read More

Successful Websites Don?t Set Out To Sell

What are websites? Are they sales tools for vendors and... Read More

Learn the Truth about Your Web Design Company by Its Portfolio

When you start building your online business and search for... Read More

Technology vs. Usability

When JV Media Design was formed, the year was 1995... Read More

Website Maintenance: What Does it Take to Manage Your Website?

Every action has a beginning phase where you launch your... Read More

Website Savvy: 10 Key Steps to Turn Your Customers ON!

"How to turn "slightly interested" customers into "I've got to... Read More

3 Simple Ways To Dramatically Improve Your Website

Before you start worrying about marketing your website on the... Read More

Why Your Site Should be Developed with CSS and Semantic Markup

Why your site should be developed with CSS and semantic... 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

Every Website is a Human Being?s Attempt at Achieving a Goal or Obtaining Happiness

Have you ever thought about the real stories behind all... Read More

Why a Website Design Speaks Volumes About Your Company?

Whether a business has just got off the ground or... Read More

Good Websites Stand Out From The Masses Of Boring, Hard To Travel Sites

Good websites stand out from the masses of boring, hard... Read More

Designing Beautiful Artist Websites ? 12 Tips To Showcase Your Art

1. Who needs an artists website?Not everyone! If you are... Read More

Hacked Off with CSS?

For those not familiar with CSS Hacks, they are ways... Read More

Got Web Traffic but Still Low Sales? Ten Ways to Selling Success - Part 2

Part one of this article is available at ... Read More

Web Site Redirection - How to Implement a 301 Redirect

You just created a new web site but want to... Read More

Web Crimes: how to avoid common website design mistakes

Thinking about designing your own website? Think again about adding... Read More

Flash Doesnt Always Add Shine to Web Efforts

The trend today to overuse animation in a website's opening... Read More

Building An Effective Furniture Sales Web Site

Web sites that feature products ? especially furniture or other... Read More

Website Design: 10 Web Site Design Pitfalls To Avoid

If you've a website that is not generating a lot... Read More

Custom Website Design - 3 Must Have Tools

Creating your own website can be fun and easy, as... Read More

11 Steps to Sticky Web Site!

An attractive and user-friendly Web site is crucial to attracting... Read More

Web Coach Tip: The Single Most Important and CRUCIAL Element of Your Web Site

Here's the single most important part of your website: YOUR... Read More

Web Design - 7 Key Things to Avoid

A search for "web design" on Google returns more than... Read More

Keep Your Navigation Highly Visible

Effective navigation stands out. It's clear, obvious, and highly visible.You'll... Read More

Design With Purpose

If your website is falling through the cracks, the chances... Read More

7 Ways of Building Customers Trust With Your Web Site

When I purchase something from a web site I first... Read More