Help - Search - Members - Calendar
Full Version: Broken images
HTMLHelp Forums > Web Authoring > General Web Design
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):

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

You must have rows and cells in a THEAD element.

QUOTE
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.

QUOTE
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" />
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2024 Invision Power Services, Inc.