webdesign articles


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 Consultancy Services – Choosing the Right Firm
Corsavoo.com, France - 1 hour ago
You should ask web design companies if you can view testimonials offered by past and present clients. This will allow you to find out what prior clients ...


Web Design Doesn't Need To Be Complicated - Remember The Basics
Corsavoo.com, France - 1 hour ago
Using modern web design technologies you can achieve some excellent, effective website designs, however the basics of effective business websites and sales ...


Good Web Design - Entry Page Creation Tips.
Corsavoo.com, France - 10 hours ago
Providing lots of entry pages on your site is a very powerful search engine technique, for example, my web design business is based in Doncaster, ...
A Web Design Impossibility? 5 Crucial Steps to a Successful DMOZ ... Corsavoo.com
all 2 news articles


Red Brick Interactive - Northern Virginia web design and Internet ...
openPR (press release), Germany - 11 hours ago
(openPR) - Red Brick Interactive (redbrickinteractive.com), a Northern Virginia web design and internet marketing firm serving metro Washington DC, ...


Employment Background Investigations, Inc. Amplifies Image with ...
PR Web (press release), WA - 19 hours ago
Owings Mills, MD (PRWEB) August 20, 2008 -- Employment Background Investigations, Inc. (EBI), an industry leader in global background screening, ...


Businesswoman brings her Web design expertise to Bella Vista
Weekly Vista, AR - Aug 13, 2008
Julie Storm, owner of by Design, moved to Bella Vista on May 1 from Minnesota and brought her four-year-old Web design business with her. ...


Finding a creative website designer
Corsavoo.com, France - 16 hours ago
Contact a number of web designer or web design agencies: To pick a website designer or a website developer to create your website. ...


FotoFlexer Wins "2008 Application Design and Usability" Award from ...
PR Web (press release), WA - 19 hours ago
FotoFlexer, the world's most advanced Web-based image editing solution, today announced it has been awarded the 2008 Application and Design Usability Award ...


PR Web (press release)

Boom It and Bank It - OuterBox Grows Ecommerce Websites in a Not ...
PR Web (press release), WA - 19 hours ago
OuterBox Solutions, Inc. is a full-service web design company located near Cleveland, Ohio, dedicated to website design and online marketing. ...


WEB INFORMATION SPECIALIST
Seattle Post Intelligencer - 4 hours ago
Demonstrated Web design, content/copy production, editing, and coding ability. Familiarity with current Web content-publishing standards, systems, tools, ...

Web-Design - Google News

home | site map
Webdesign-box © 2006