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 RESOURCES:
RELATED ARTICLES
Design With Purpose
If your website is falling through the cracks, the chances are that the site has no message, no central core to build traffic or a core readership. Websites that try to do everything usually fail.
How to Make the Online Sales Copy for Your Website More Conversational
It has been said that the best online sales copy is one that talks to your prospect as if you are in together in a conversation.But for some of my subscribers to my newsletter, they find it difficult to accomplish.
Website Sales: 10 Strategic Tips To Maximize Your Profits
If you've a website but not making a lot of profit from it, cheer up because I have 10 website sales secrets that can help you maximize your sales and profits, starting now:1. Tell people the point or focus of your web site.
Be Inspired to Create Better Websites
Being a writer, when I was asked to do some research into what makes a good website, of course I straightaway went to check out all of my favorite authors. After sifting through a few standard sites I remembered to look at one of my all time respected writers-Paulo Coelho.
Do-It-Yourself Web Design for Home-Based Businesses
Home-based businesses need a strong web presence to combat the inflated advertising and marketing budgets of their larger competitors, but establishing that presence through a professionally designed and developed web site may not be an affordable option. In many cases, the only cost-effective way to get the web site you want for your business is to do it yourself.
Website Design Info - Part 1
What Will My Site Do?This is the first of eight articles about website design. Our discussion will deal with some of the issues which need to be considered when developing a new online presence.
Awards Program Debate
Daily article:One of the most debated subject among webmasters is the whole concept of web site awards. I'm sure you've seen the little graphics on many different sites, announcing it is the "best", "coolest" or "most wonderful" or whatever.
Do You Own Your Web Site Design?
Your web site has been up for a few months and you are making money hand over foot. While surfing sites one evening, you are shocked to find a competitor using your design.
Developing Your Winning Web Site Strategy
Your web site is the key to your success on the Internet. You can use your web site to build your brand, increase sales, generate more leads, slash costs, and much 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 even have your website up on the internet. Only one problem, where is that money you were supposed to be making? Nothing! No one is knocking down your door to buy your product! Well, here is the real world answer.
How to Choose Web Design Company?
Before deciding on which web design company to choose, you should first determine the main aim and purpose for your upcoming website. Once the aim and purpose have been identified, then only move on to choose a reliable web design company to develop your website.
Converting Traffic into Sales
Making a successful online business can be a long and tiresome adventure. For most new online business's this can just lead to failure and a website that just isnt making sales despite a high number of visitors.
Free Web Design Advice
In this article I will give advice and tips of where to find a low cost website design company and also about the best ways of producing a cool website.How many people or companies are advertising their services for web design?The answer is a great deal.
Learn the Truth about Your Web Design Company by Its Portfolio
When you start building your online business and search for a web design company that will implement all your needs for the web site you must understand that it is a very serious step because you are entrusting your business along with its reputation and future.That's why it's very important to make the right choice.
Leave Those Links Blue!
Don't mess with those links! When you're designing your site, you should leave your text links in their natural state--blue and underlined. We all want to be creative and not do the bland, expected, normal thing.
Website Basics
The Basics You have a flourishing business - everything is in its place. You just miss one important piece of marketing: an Internet Presence a website.
The Top 8 Website Sins Part One
They say the eyes are the window to the soul. Your website then is the window to your business.
Your Website Visitors - Will They Stay?
I'm sure you've all heard the saying 'Build it and they will come'. Although that may have been true a few years ago, now we must work, and work hard, to get visitors to our websites.
Web Marketing: Design Mistakes That Drive Customers Away In Droves
They may look cutting edge, but if you want a web site that contributes to your bottom line here are some design ideas you will want to avoid:· Opening with Flash. If your site opens with a movie that your prospect is forced to sit through, no matter how short, before they can get to your "welcome" or "home" page, you are losing customers.
11 Steps to Sticky Web Site!
An attractive and user-friendly Web site is crucial to attracting prospects and holding their interest. Seems obvious, yet poor design and even more poorly written content clutter the Web.