Как правильно отображать все фотографии?

Question

Я только начал изучать html и css и работаю над темой для своего блога. Большинство gifs и фотографий появляются без проблем, но некоторые из моих фото-сообщений показывают только: torn photo Как сделать все фотографии отображаемыми правильно? Ниже HTML:

{block:Photo} 
    <div class="post"> 
     <img src="PhotoURL-500}"> 
     {block:Caption}{Caption}{/block:Caption} 
     <ul class="like-reblog"> 
      <li>{LikeButton}</li> 
      <li>{ReblogButton}</li> 
      <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCount}</a>{/block:NoteCount}</li> 
      <li>{block:Date}<a href="{Permalink}">{Month}&#x2606;{DayofMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}</li> 
     </ul> 
    </div> 
    {block:PostNotes}{PostNotes}{/block:PostNotes} 
{/block:Photo} 

Вот CSS:

.post { 
    background: #fff; 
    margin: 40px auto; 
    width: 500px; 
    padding: 20px; 
    border-radius: 6px; 
    } 

Я все еще учусь, так что я, возможно, пропустили что-то.

Answer 1

Этот значок обычно появляется, когда изображение не найдено (неправильное имя, расширение файла, путь к файлу, файл вообще отсутствует или аналогичная ошибка). Кроме того, кажется, что вы пропускаете фигурные скобки здесь:

<img src="PhotoURL-500}"> 

Это должно вероятно быть:

<img src="{PhotoURL-500}"> 

Answer 2

Обычно это происходит при связывании ошибок. Попробуйте загрузить изображение на сайт или переместите файл в другое место. И используя это новое местоположение для img