2017-11-02 11 views
-1

私はどこでも答えを探していて、見つけられませんでした。何らかの理由で、私のHTML文書では、ブラウザから開いたときに画像が表示されます。しかし、サーバーホストに自分のサイトをアップロードすると、この特定のイメージは表示されません。1つの画像がHTMLで表示されないのはなぜですか?

コード:私は画像のサイズを変更しようとしている

<html> 
 

 
<body background="images/background.jpg"> 
 

 
<img src="images/pp_4.png" style="float:left" vspace=50> 
 

 
<center><img src="images/logo.png"></center> 
 

 
<hr color="pink"> 
 

 
<style> 
 
\t @font-face{ 
 
\t font-family:"chococookie"; 
 
\t src:url("font/choco_cookie.ttf") 
 
\t } 
 

 
\t p{font-family:chococookie; 
 
\t font-size: 100%; } 
 

 
</style> 
 
<!----------------------------------------------------------------------------------> 
 

 
<center><img src=""></center> 
 
\t <center><p></p></center> 
 

 
<center><img src=""></center> 
 
\t <center><p></p></center> 
 

 
<center><img src=""></center> 
 
\t <center><p></p></center> 
 

 
<center><img src=""></center> 
 
\t <center><p></p></center> 
 

 
<center><img src="images/image_226.jpg"></center> 
 
\t <center><p>Love Live! gone sexy. #anime #sexy #ecchi #lovelive #bikini #chan #tyan #girl #kawaii #cute - 22 Oct at 10:48 pm</p></center> 
 

 
<!----------------------------------------------------------------------------------> 
 
<hr color="pink"> 
 

 
<center><a href="page_46.html"><img src="images/more_images.png" /></a></center> 
 

 
</html>

、および他の多くのものが、何も働きました。表示されない画像は「pp_4.png」

ありがとうございます。

+2

あなたはdoctypeを指定していません。あなたのドキュメントを有効にするために追加しようとしています...あなたのコードは非常に書きにくく、再構築する必要があります。 –

+1

また、 '

'は時代遅れの要素です。もっと長く使うべきです。私は彼らがまだそれを教えていることに驚いています。 –

+0

」ではなく、CSSを使用して要素を中央揃えにします。 –

答えて

1

サーバーにアップロードされた画像の名前が、コードに記述した名前と一致していることを確認してください。つまり、大文字と小文字の区別は、文字の登録を気にしないWindowsを使用している限りです。あなたのサーバーはそれを気にするLinuxを使用している可能性があります

+0

ありがとうございます、問題はあなたの言ったとおりでした。拡張子.pngはすべて大文字で、一度変更すると画像が表示されました。ありがとう! –

+0

たとえそうでなくても、すべてが大文字と小文字を区別しているかのように常に行動します。 Windowsの 'pp_4.png'と' pp_4.PNG'のデプロイメントはうまくいきましたが、あなたのビジネスやプロバイダがインフラストラクチャを変更すると、 "不思議なことに"壊れてしまいます。たとえそれで逃げることができたとしても、キャッシュバーストです。 'foo.png' /' foo.Png'/'foo.PNG'は、_cache_に関する限り、3つの異なるファイルです。 –

0

まず、イメージがサーバーに正常にアップロードされたことを確認する必要があります。 HTMLコードを使用せずにその画像にアクセスしてみてください。たとえば、ドメインがwww.example.comで、画像ディレクトリがルートフォルダにある場合は、次のようなURLから画像にアクセスできます。

www.example.com/images/image_226.jpg

www.example.com/images/pp_4.pngを使用して、参照している画像にアクセスしてください。イメージをどこに置いているのか、そしてそれらがサーバーに正常にアップロードされているかどうかを知る必要があります。その後、あなたのHTMLコードを使用してそれらの画像にアクセスし、それが動作するはずです。