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

More Web Design Articles

How to Make a Website (Minus the Headaches)
There is nothing wrong with making your own website if you are looking to save some money. Be prepared however, for your finished product to resemble an after school project; cutesy, homemade touches and all.

Click Here
See, works every time. Seriously now, for some reason people keep leaving your website and you can?t figure out why.

Keep It Simple, Stupid: The Beauty of a Clean Cut Website
Don?t knock it; ?Keep It Simple, Stupid? is a great rule to live by. Nobody likes a website to ?yell? at them, with blaring colors and flashing lights.

Make Your Web Site User-Friendly
You can create a website that attracts customers, not repels them, with a little common sense advice.Everyone wants an attractive professional looking website.

Choosing Your Web Design
We would all like to have the best looking website, that's a fact - but if we keep in mind that our main objective is to finally sell our product or service online, we'll realize that maybe design is not the most important factor when it comes to achieve this objective.Professional design is probably the most time consuming part of the web development, so my first tip would be, before you are contacting a Web Design Company, to browse the Internet for companies which offer similar services and products - you will find probably hundreds of them - save in your Favorites four or five websites which you really like, print out these, and show the printouts to as many people as you can, especially to your existing customers, and ask them which one it's more likely is to make them take an action (contact, buy, subscribe) on the site.

6 Reasons Why Web Templates Are Todays Trend
As the Internet blooms at an alarming rate, so as the number of websites out there. Appearance, layout, presentation and loading times are just a few of the main essential characteristics of a successful website.

Can a Webpage Created Without HTML?
The HTML editor is usually a webpage design software that has a GUI(graphic user interface) which makes it easier to design a webpage using the File Menus. This is good for the non-programmers and non-technical people.

Color and Web Design
Color is one of the most important but least understood elements of web design today. Whether they know it or not, visitors to a site respond to colors and other visual elements on the site on a psychological level.

Dos and Donts in Web Design - part 1 (design)
Do use a consistent look and feel Your site should stand out as a whole. Use the same look and feel for all the pages at your site.

Choosing A Web Designer : A Plan to Guide You Through The Minefield
Choosing a web designer can seem like a daunting task. They come in all shapes and sizes ? from freelancers working at home to glossy new media agencies, and there is as much variation in prices and service as there is in size.