If you are just starting out creating a web site it can sometimes be a hair-pulling experience. But let me share with you some of the common problems in designing a well-functioning web site and help you avoid those mistakes: Keep this troubleshooting guide handy for when you need it (and save some of your hair, too!)
1. MISSING IMAGES ON THE PAGE
Possible causes: the image was not uploaded to the web server, it wasn’t linked to correctly, or the graphic is in invalid format.
Fixes: upload all the graphics that you are using within your web page to the web server. Reference to that image correctly. And finally, make sure you are using the right extension, like .gif or .jpg
2. IMAGE LOADS VERY SLOWLY
Possible causes: The size/image resolution is too high.
Fixes: You must do your best to reduce the graphic to its minimum good-looking format.
Some new webmasters use a large graphic and downsize it by specifying a smaller size in the HTML code. That is unnecessary and can slow down loading of your web page. Instead reduce the graphic in your image editor first.
3. IMAGE LOOKS DISTORTED
Possible causes: Most likely you specified the incorrect size of this graphic in your html code and thus distorted it.
Fixes: To find out the correct size of a graphic, right-click on it and choose “Properties” from the menu. You should see the image size (something like 200 x 300) then enter those numbers in the IMG tag.
4. BROKEN LINKS
Possible causes: Improper use of relative vs. absolute links.
Fixes: Here is an example of a relative link :
This link refers to a page that is located on YOUR web site, and not someone else’s.
Now, here is an example of an absolute link: