I am new at this and having trouble getting some graphics to show on my web site. I have tried both IE and Firefox, so I don’t think it is the browser. Could somebody out there help me to figure out what is wrong? PLEASE.
This works just fine::):)
<div class=“galleryphoto”>
<img src=“images/coffee.jpg” width=“400” height=“300” alt=“Enjoying a cup of coffee after Mass”/>
<p>The ladies enjoy a cup of coffee after Mass. <span class=“photocredit”> [Photographer: Christy Farrell.]</span></p>
</div>
But this doesn’t work, even thought the images are in the same directory on the server:injured::injured::injured:
<div class="galleryphoto">
<img src="images/coffeemorningladies.jpg" width="400" height="300" alt="Enjoying a cup of coffee after Mass"/>
<p>The ladies enjoy a cup of coffee after Mass. <span class="photocredit"> [Photographer: Christy Farrell.]</span></p>
</div>
Really you shouldn’t use ‘spaces’ in the file names (for the web) please get that sorted or use the correct format in the markup for the URI, i.e. src=“images/picture%20001.jpg” would be the correct value for the filename called picture 001.jpg.
For the server and these are the missing images (links you wrote) in the markup:
Are you sure those files are all in lowercase? Make sure they are.
Double check and upload them again via your FTP client in BINARY mode and that they have successfully uploaded to that directory as they are not there at the moment.
Thank you for the response xhtmlcoder. I continue to learn. It never occurred to me that an image could be 'broken" or not show up after being uploaded.
Any way I have reloaded the images several times, including the binary, and they still don’t show. When I get time next week I will contact the ISP and see if they have any ideas/
Your server is running on Apache so when you upload the images they have to be ‘case sensitive’ including the extension *.jpg so usually it’s best to keep the filenames and extension all lowercase.
I cannot see if they are where you said? Because obviously the server has protected that /images/ directory so I cannot see a ‘directory listing’ (though there are ways for you you to show it if you alter the server settings slightly).
Though for whatever reason they don’t appear to be there or have a different case sensitivity or filename. So double check the file names and extensions match.
It turned out that are two graphics folders on the server, one at the same level as the index page, and one a subdirectory of the index page. Of course, I put my graphics in the wrong folder.
No worries, at least you’ve learnt from your mistakes and thank you for telling us you have found the solution regarding the the misplaced image files.