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:

DC Web Design Firm Blue Water Media Launches a New Website for the Public ...
PR Web (press release)
A Leader in Creative Web Design, Blue Water Media Assists the Public Media Business Association in Their Mission to Establish a Comprehensive Digital Resource for the New PMBA and its Members. The Public Broadcasting Management Association underwent a ...



Indiana Web Design Company Radically Changes Approach to Web Development
PR Web (press release)
Effect Web Agency, an Indiana web design company, redefines their entire develop process to focus on achieving sales results for clients. Effect Web Agency says they know why websites do not work for many businesses. Steve Schmidt, President and Web ...

and more »


Industry Today (press release)

Calgary Web Design Firm Offers Exclusive Content Management System
Industry Today (press release)
Understanding the increasing demand for this system in today's business world iDesignit.ca a Calgary Web Design Company, is offering innovative solutions to small businesses in Calgary, Alberta and surrounding areas. iDesignit.ca specializes in ...



HigherVisibility Named Eleventh Best Web Design Company by topseos.com for ...
Press Media Wire
The independent authority on Search vendors, topseos.com, has named HigherVisibility the eleventh best web design company in the online marketing industry for the month of February 2012. Their position in the rankings of top web design companies is ...

and more »


EQuicknews

Web Design Tips
EQuicknews
Launching а website іs bоth exciting аnd potentially rewarding. A wеll planned site can have а positive effect оn уour business, wіth online sales bucking thе trend in an othеrwisе downbeat economy. Creating a website can аlѕо bе a daunting task, ...

and more »


PR Web (press release)

Algonquin Studios Shares Thought Leadership Reports on Web Design, SEO ...
PR Web (press release)
These are people who have started successful businesses, built enterprise-level software systems, and work hard to actively keep abreast of changes and advancements in technology, software development, web design, and online marketing,” says ...

and more »


PR Web (press release)

Think Tank Photo Offers Mobile Shoppers Responsive Web Design
PR Web (press release)
Responsive web design uses HTML5 to provide a customized user-friendly experience whether users are on desktops, tablets or smart phones. Building the site in this manner meant Think Tank wouldn't need to create multiple websites, each sized to fit a ...



Fort Lauderdale Website Design Company, A Work Of Art, Inc., Gives Tips for ...
San Francisco Chronicle (press release)
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 ...

and more »


Crumpler C List Celebrity Backpack Reviewed by Intown Web Design
PR Web (press release)
Intown Web Design review of Crumpler C List Celebrity Backpack acknowledged the backpacks design and functionality. These backpacks by Crumpler were noted as some of the best backpacks for photographers. Overall, these backpacks were exactly what I was ...

and more »


Positive Web Design Utilises Brand New Wireframes For Clients
PR Web (press release)
The team at Positive Web Design has announced that they will be creating pre-designed wireframes and templates in order to speed up the development process for new clients. Positive Web Design, a web design and development firm well-known for its ...

and more »

Google News

home | site map
Webdesign-box © 2006