2016-06-13 3 views
0

私はちょうどhtmlとcssの学習を始め、私のブログのテーマに取り組んでいます。ほとんどのGIFや写真は問題なく表示されますが、写真の投稿の中には次のものしか表示されません: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; 
    } 

私はまだ私が何かを見逃しているかもしれ学んでいます。

+0

あなたの質問 – SQLiteNoob

+0

おっと、申し訳ありませんがどのようなものです。私はちょうど私の質問を元の投稿に追加しましたが、私はどのようにすべての写真を適切に表示させるかを尋ねています。 – pastel

答えて

1

このアイコンは、画像が見つからないときに表示されます(間違った名前、ファイル拡張子、ファイルパス、ファイルがまったく存在しないか、または類似のエラー)。それとは別に、あなたがここに中括弧が欠落しているように思える:

おそらくあるべき
<img src="PhotoURL-500}"> 

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

実際に問題を修正しました。ありがとうございます! – pastel

0

これは通常、リンクエラーになります。 イメージをウェブサイトにアップロードしてアップロードするか、ファイルを別の場所に移動してください。 imgの新しい場所を使用

関連する問題