The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Broken images, My images are working locally but not when I upload them to my server
lellym
post Mar 29 2016, 09:13 AM
Post #1





Group: Members
Posts: 1
Joined: 29-March 16
Member No.: 24,110



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Mar 29 2016, 09:39 AM
Post #2


.
********

Group: WDG Moderators
Posts: 8,068
Joined: 10-August 06
Member No.: 7



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
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Sumeet Shroff
post Mar 30 2016, 01:52 AM
Post #3





Group: Members
Posts: 9
Joined: 26-November 08
From: India
Member No.: 7,197



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" />
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 20th March 2019 - 08:22 PM