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 Beginners Guide to Web Page Design

Designing your own successful web page can seem difficult and... Read More

3 Tips For Writing Content That Will Make You Sales

Content is king. Without content your website is an empty... 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

Breathe New Life Into Your Half-dead Website By Using Words That Sell

This article may come as a surprise to you.Especially since... Read More

Is Your Website Color As Inviting as Your Home? Does Color Really Matter?

We've all read the countless publications about effective web site... Read More

Digitalize It! : (Modification of images with tools such as Adobe CS and Corel)

Then it was a choice among crayons, paints and palettes... Read More

How Not to be Ripped Off by Your Website Designer

As web designer my self, I have had the unfortunate... Read More

A Website Checklist

If you've just finished building your new website (or revamping... Read More

Give Your Web Wite Visitors What They Really Want - Information!

Surfing the internet is basically an information-fest! From intellectual discussions... Read More

Make Artistic Graphic Designs

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

Click Here

See, works every time. Seriously now, for some reason people... Read More

15 Website Elements That Attract Visitors

Here is a quick list of components that make a... Read More

Why Long Web Pages are Better than Short Ones

Many Internet sites that try to sell you something have... Read More

Imitation, The Smartest Form Of Flattery

Unless you are an inventor, most likely you are selling... Read More

7 Reasons Why Using CSS is a Must

CSS is a new option for website designers that have... Read More

4 Things That Make A Web Site Great

First you need original content. Content is the heart beat... Read More

Designing Your Websites Directory Structure

Any kid, and their grandmother too, can make a webpage.... Read More

Eight Website Pitfalls, and How to Avoid Them

Clutter: Too much noise, too much text, and too little... 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

Essential Strategies To Make Your Web Copy Attractive To Your Target Audience

Reading on the web is different than reading in all... Read More

Quality Website Design At An Affordable Price

I always have people asking me if I know of... Read More

Affordable Web Design In Birmingham

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

Effective Web Design Usability Principles

Website Design Usability Tips1. Getting to know about audience membersYou... Read More

Freelancers Bite Back!

The Internet has seen an explosion in so called 'lance'... Read More

How to Hire The Right Web Design Firm

Regardless whether you manage a small business, charitable organization, or... 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

Website Sales: 10 Strategic Tips To Maximize Your Profits

If you've a website but not making a lot of... Read More

What to Ask Your Web Designer

If you need a web designer, but have no clue... Read More

Top Ten Ways to Increase Web Sales - Part 1

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

What Your Website REALLY Says About You And Why It Matters

Everything you say and do says something about you. This... Read More

Copy Editing: 10 Powerful, Mind Blowing Secrets For Writing A High-Impact Ad

No matter what product or service you're promoting, unless you... Read More

Alternative to Web Site Templates and Design Software

Before I discovered the concept of Web site templates, I... Read More

Website Sales: Discover 10 Mesmerizing Insider?s Tricks To Ignite Your Sales

Marketing is not an easy skill to acquire.It requires patience... Read More