Broken images, My images are working locally but not when I upload them to my server Options

[lellym]

Hi,

I am trying to include some images on my website. When i view the page locally from my computer the images work fine. However when I load the file and images onto my server they are appearing as broken images.

I have checked other sites but I have not been able to find a resolution

Here is the code I am using

<table>
<thead> <h3>Follow us on social media....</h3> </thead>
<tr><td><a href="https://www.facebook.com/Latitude-Wine-and-Liquor-Merchant-141344735909488/?ref=hl" target="_blank"><img src="socialmediaicons/facebook.jpg" height="75" width="75" alt="Latitude Facebook" ></td>
<td><a href="https://www.instagram.com/latitudewine/" target="_blank"><img src="socialmediaicons/instagram.png" height="75" width="75" alt="Latitude Instagram" ></td>
<td><a href="https://twitter.com/latitude_wine" target="_blank"><img src="socialmediaicons/twitter.png" height="75" width="75" alt="Latitude Twitter" ></td>
<td><a href="https://uk.pinterest.com/latitudewine/" target="_blank"><img src="socialmediaicons/pintrest.png" height="75" width="75" alt="Latitude Pintrest" ></td>
</tr>
</a>
</td>
</tr>
</table>

If someone could tell me why my images aren't showing up I would be most grateful

[Christian J]

There are some HTML errors (that may or may not affect the images):

CODE

<thead> <h3>Follow us on social media....</h3> </thead>

You must have rows and cells in a THEAD element.

CODE

<tr><td><a href="https://www.facebook.com/Latitude-Wine-and-Liquor-Merchant-141344735909488/?ref=hl" target="_blank"><img src="socialmediaicons/facebook.jpg" height="75" width="75" alt="Latitude Facebook" ></td>

The link is never closed (the whole link must start and end inside the table cell). Same applies to all four.

CODE

</tr>
</a>
</td>

That A end tag does not belong there.

If the above doesn't fix the problem, see also http://htmlhelp.com/faq/html/images.html#broken-image

[Sumeet Shroff]

Hi

You have to check the path of the images... Linux is very particular about cases. Upper case and lower case are two different files. check the name of the directory also

lastly u can try this
<img src="socialmediaicons/twitter.png" height="75" width="75" alt="Latitude Twitter" >

change to
<img src="http://www.yourdomain.com/socialmediaicons/twitter.png" height="75" width="75" alt="Latitude Twitter" />