Web Design Information courtesy of EnhanceYourPC.co.uk


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:

StuckOn

How web design affects SEO
StuckOn
Is your web design a bit like a Monet painting? You know, looks great from a distance, but when you get to examine it a little too closely, its different ...



1&1 Internet Introduces Hosting Packages with Free Professional Web Design ...
TMCnet
Existing 1&1 customers are able to download both professional web design solutions for a special price, directly from their 1&1 Control Panel. ...

and more »


Impact Media (blog)

BSolve IT Leading The Way for Northampton Web Design and SEO
Prfire (press release)
Specialising in all things internet from web design to search engine optimisation and search engine submissions, BSolve IT have established themselves as ...
Firms Urged to Capitalise on Their On-line Presence by SEO SpecialistsAllmediascotland
Outsource SEO services from a SEO Companylonad News
SEO friendly website designMarket Press Release (press release)

all 56 news articles »


Florida Web Design - Power Play Marketing
I-Newswire.com (press release)
Power Play Marketing (powerplaymarkting.com), a Florida web design company, is happy to offer its services to businesses looking to fill their website needs ...



Create Squeeze Pages That Convert at Over 50% – Web Design For Internet ...
B2B News
His latest project, Web Design For Internet Marketers, was released earlier today and he said it is selling out fast. We asked James to tell us a little ...
Web Design For Internet Marketers Released To Public; Bonus & ReviewAdvanced American Media Project

all 2 news articles »


New Pro Feature! Easily Embed Facebook 'Like' buttons in Tabsite
PRLog.Org (press release)
About Digital Hill Multimedia: We are a professional web design company offering comprehensive web services including: Custom Web Design, Web Application ...



Web Design Company Kellen Interactive Provides 'Perso-Nav-ity' to Client ...
PR Newswire (press release)
This website content strategy blends in nicely with the web design to demonstrate that mission." For example, were you looking into how a blog might ...

and more »


Triad Web Design Named on Inc. 500, is the Fastest-Growing Web Design Company ...
PR Newswire (press release)
28 /PRNewswire/ -- Triad Web Design, a professional services organization that provides web design, web marketing & search engine optimization consulting ...

and more »


Prepare to spend time to make money online
Columbia Daily Tribune
(Before I began doing Web design and SEO work for local businesses, I built other websites that continue to produce income for me.) You'd think that, ...



Facebook And Twitter - Social Media Optimization By InfintechDesigns
Release-news.com (press release)
Infintech Designs is a New Orleans web design company that specializes in cutting edge web development, web design, SEM and SEO services in Louisiana. ...

and more »

Google News

home | site map
© 2007