Home | Site Map           
   
     

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:

website design - Yahoo! News Search Results
website design - Yahoo! News Search Results

Medical Website Design and Medical Marketing Powerhouse, Aurora Information T...
COLD SPRING, N.Y., Feb. 7, 2012 /PRNewswire/ -- Building on its solid foundation in medical website design and medical marketing , Aurora Information Technology, Inc. (Aurora IT) receives accolades from ...
Fort Lauderdale Website Design Company, A Work Of Art, Inc., Gives Tips for B...
A Work Of Art, Inc., a Fort Lauderdale website design and marketing company, provide tips why business owners need to hire a web design company who can provide them with the services needed to make their website effective in today's competitive environment and the costs associated with web design.Fort Lauderdale, FL (PRWEB) February 07, 2012 The decision of hiring of a website design company ...
How Pinterest Is Changing Website Design Forever
Even if you haven't ever visited popular visual bookmarking site Pinterest, you might recognize its design elements -- which have been popping up everywhere since the startup burst onto the mainstream scene in 2011.
Elliottsweb, a Chicago Website Design Company, Welcomes Its Newest Internet M...
CHICAGO, IL-- - Elliottsweb, a Chicago website design company, would like to kindly welcome its newest website design and search engine optimization clients:Kurt Hermanni is an experienced Miami immigration ...
IV Interactive Wins IMA ?Best in Class? Award for Website Design of Fertility...
Award Recognizes Creativity and Leadership in Healthcare MarketingNew York, NY (PRWEB) February 07, 2012 IV Interactive received the ?Best in Class? award for the design and implementation of FertilitySolutionsNE.com from Interactive Media Awards (IMA). An internationally renowned competition, IMA evaluates websites for design, content, functionality, standards compliance and usability. Winners ...

 

 

Web Design | Photo Blog
Copyright © 2008 All Rights Reserved WebDesignPort.com