Web Design Information

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:

Web design firm's span reaches from Dnieper to Danbury
Danbury News Times, CT - 20 hours ago
... a city in western Ukraine near the country's border with Poland, got the idea to start the firm while working for another Web design outfit in Stamford. ...


Web Design Training – Spring Semester
Marywood University News & Events, PA - 23 hours ago
A two-part workshop in web design will be offered on Tuesdays, 1:30 – 3:00 pm beginning January 13. Part A: Introduction to Web Design (Jan 13 – Feb 24) – a ...


Corpus Christi Web Design Now Available – WebDesignRush.com is Live
PR-CANADA.net (press release), Montenegro - 2 hours ago
We’re catering to small businesses in Corpus Christi and surrounding areas to bring affordable web design to small businesses. Web Design In Corpus Christi, ...


Web design & FOSS
ZDNet UK, UK - Dec 1, 2008
Having just moved house, I had the interesting experience of being without a telephone handset. And my current mobile provider 3 [% coverage] can't always ...


Extra Cash for the Holidays or Anytime With the Launch of Diamonds ...
MarketWatch - 3 hours ago
Bayshore Solutions' award-winning Web design team utilized their Microsoft Gold Certified development capabilities along with their interactive marketing ...
Extra Cash for the Holidays or Anytime With the Launch of Diamonds ... International Business Times
Businesses Thrive Amidst a Recession Thanks to Live Help TMCnet
all 11 news articles


Web 2.0 principles for good web design
Bizcommunity.com, South Africa - Dec 1, 2008
Web design can be deceptively difficult, as it involves achieving a design that is both usable and pleasing, delivers information and builds brand, ...


Mercy student 'wow's' in web design contest
Mirror, MI - Nov 30, 2008
Mercy High School Junior Michelle McCarthy was awarded first place in the 2008 Michigan Council Women in Technology Foundation web contest held at Lawrence ...


SEO and Web Design are "Recession Proof"
About - News & Issues, NY - Nov 28, 2008
Silicon Alley Insider -- a group blog focused on the New York startup scene -- published a post today titled Recession Winners: Web Designers, SEO. ...


Three day Web design Conference will be held in Boston December 8 ...
PR-Inside.com (Pressemitteilung), Austria - Dec 1, 2008
2008-12-01 15:45:33 - December 8-10, 2008 - a tremendous event in the field of Web design and technologies will take place at Westin Copley Place in Boston. ...


David Cosgrove Los Angeles Web Design Wins Top Honors in Business ...
Press Release 365 (press release), FL - Nov 27, 2008
SIMSBURY, CT -- David Cosgrove Los Angeles Web Design has been recognized by StartupNation (http://www.startupnation.com) as one of the top businesses in ...

Web-Design - Google News

home | site map
© 2006