I find it's easiest to keep everything lower case.Īnother possible cause is that you've instructed the browser to look for the image on your own hard drive. That is, src="mypic.gif" is different than src="Mypic.gif" is different than src="mypic.GIF" is different than src="MYPIC.GIF". It's all downhill from here.įirst, check for a case problem. Well, we're definitely starting to narrow down the problem. Or, while I can view my page just fine, my friends all say the images are missing. When viewed on the Internet, my images are missing. Everything works wonderful until I upload everything to my web host. / means to go up two folders, etc.Īlso note that in urls, forward slashes are used -> /
Src="./././other/images/mypic.gif" I'm not even going to try and put this into words. Src="./images/mypic.gif" means that the image is one folder up and then another folder down in the images directory. Src="././mypic.gif" means that the image is two folders up from the html document that called for it. Src="./mypic.gif" means that the image is in one folder up from the html document that called for it. This can go on down as many layers as necessary. Src="images/mypic.gif" means that the image is one folder down from the html document that called for it. but when you have things in different folders, this is just something you'll have to learn.
#Spot my photos how to
Study the following until you understand how to construct a proper src. Very possibly the cause of your missing image is an improper relative src. It's all fine and dandy, but just keep in mind that you must tell the browser exactly where to find the image. It's very common to place images in a folder other than where your html doc resides. Ok, Joe, I can do that, but as soon as I put the image into a different folder, I start having troubles. ( Should I use gif or jpg? You might find this interesting.)īefore going on to other possible reasons for your missing image, make sure that you can successfully insert an image as shown above.