再質問になります。
HP作成していますがかなりの初心者です。
FTPを色々と試し、現在はFetchの試用でアップロードしいています。
しかしどのFTPで画像を転送させても、いざPCから観覧すると
画像が表示されません。
気になる点は、アップロードし自分の自宅PC(OSX10.2.8)なら画像表示されていますが、知人宅のwin、mac等では画面が真っ白のままです。
後、携帯電話等からでも観覧出来ました。
サーバーは忍者ツールです。
画像はphotoshopで作成しています。
アップロード方法を根本的に間違ってるんでしょうか?
バイナリで生データで転送していますが、もしかすれば
Fetchの手順がおかしいかもしれません。
どなたか、アドバイスお願いします。困っています
No.1
- 回答日時:
画像ではなくHTMLの方に問題があるように思えます。
HTML内での画像のURL指定が
<img src="file:///~"
といったようにローカルファイルを参照するようになっていませんか?
この回答への補足
早速のお返事ありがとうございます。
HTMLは
<img src="画像URLもしくは画像名" width="500" height="156" alt="500"border=0>
となっており正常です。
原因のHTMLをFTPでダウンロードしそれをinternet Explorerで確認すれば画像表示されず、fire foxでは確認出来ました。
互換性の違いがでています。
やはりhtmlに違う問題があるんでしょうか?
ちなみに作成しているHTMLは以下です
<body>
<!--shinobi1-->
<script type="text/javascript" src="http://x5.amigasa.jp/ufo/057246600"></script>
<noscript><a href="http://x5.amigasa.jp/bin/gg?057246600" target="_blank">
<img src="http://x5.amigasa.jp/bin/ll?057246600" border="0"></a><br>
<span style="font-size:9px">[PR] <a href="http://daigaku.rentalurl.net" target="_blank">大学 情報</a>サイト</span></noscript>
<!--shinobi2-->
<body bgcolor="#ffffff">
<STYLE type="text/css">
<div align="center">
<a href="http://★/main.html">
<br><br><br><br><br><br><img src="http://★.gif" width="500" height="156" alt="500"border=0>
</div></a href>
<br><img src="space.gif"border=0>
</body>
これが全てです。
No.2
- 回答日時:
> <img src="http://★.gif" width="500" height="156" alt="500"border=0>
</div></a href>
<br><img src="space.gif"border=0>
↓
<img src="http://★.gif" width="500" height="156" alt="500" border="0">
</div></a>
<br><img src="http://★.space.gif" width="1" height="1" border="0">
ソースのスペースなしがブラウザによっては影響しているかも知れません。一度試してみてください。
この回答への補足
ありがとうございます。
早速コピぺにて使用させてもらいましたがfirefoxでは認識しますが
やはりinternet Explorerでは変化&認識ありませんでした。
何か初歩的なミスなんでしょうか...。
No.3ベストアンサー
- 回答日時:
自動判定でもやってみてください。
私はいつも自動判定です。
<body>と<body bgcolor="#ffffff">の2つがあるのはおかしい。
<STYLE type="text/css">はいらない。
<div align="center">
<br><br><br><br><br><br><a href="http://★/main.html"><img src="http://★.gif" width="500" height="156" alt="500"border=0></a></div>
この回答への補足
ありがとうございます。
自動判定、了解しました。
<STYLE type="text/css">はいらない
↑を排除すれば他のブラウザでも観覧できるようになりました!
アドバイス助かりました。
No.4
- 回答日時:
一部を目隠ししたようなソースじゃなくて問題のページを見れば即判るのですが。
既に指摘されているようにHTMLにおかしな点がいくつもありますが、とりあえず表示は出来るはずです。Windows版IEならもっと酷くても表示するし。だからと言ってこのままでいいわけじゃないけど。
画像のURLは間違いないのですね?
画像をアップロードしたサーバとHTMLを置いてあるサーバは同じですか?
忍者ツール等の無料レンタルサーバは外部呼出しを禁止しているので、他のサーバから画像などを利用しようとしても、表示できないようになっています。
自分の所で表示できたのは何らかの形でブラウザのキャッシュに残っていたものを表示しているだけです。ブラウザのアドレス欄に画像のURLを直接入力して表示されるかテストしたりしませんでしたか?
> バイナリで生データで転送しています
この一文を見た限りでは転送方法は間違っていません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- YouTube YouTubeはTV番組、映画の違法アップロードに対して収益金を支払っているか否か? 1 2022/04/30 20:12
- YouTube ユーチューブへの動画投稿にサムネイルを付ける方法は? 1 2022/07/21 23:45
- HTML・CSS 詳しい方に質問です。 早急に解決したいと思っています。 ポートフォリオをMacBook で作成したと 2 2023/05/12 17:40
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- X(旧Twitter) ツィッターの画像表示について 1 2023/08/17 09:28
- Google Drive Googleドライブの警告メッセージを消す方法 4 2022/09/21 06:04
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
- Android(アンドロイド) Googleフォト 1 2022/03/25 07:38
- 画像編集・動画編集・音楽編集 画像ファイル作成について 2 2023/06/27 22:28
- YouTube 新しく買ったデスクトップPCを使用すると、今までのGoogleのアカウントが使えなくなった。 1 2023/01/07 00:41
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
HTMLタグのDL DT DDを使ってli...
-
ボタンをセル内一杯に表示させ...
-
画像の横に文字をうまく配置で...
-
画像を縦に並べたら隙間ができ...
-
Safariの場合HTMLの内容を変更
-
inputタグでサーバにデータを送...
-
フレームを使わずに右側だけを...
-
画像をクリックしてラジオボタ...
-
ブラウザ別の余白誤差って解消...
-
リンクを知らせる手のマークが...
-
画像と同じCSSデザインにしたい...
-
cssで画像を均等に配置する方法...
-
imgとpを縦・横に中央揃えする
-
ホームページで縦と横の写真を...
-
cssでrowの中で高さの違う左右...
-
htmlの文字が縦書きになる
-
【ヒトの神秘】美男美女から何...
-
html/cssの、navを2段にする...
-
HTML属性での「""」 「''」違い
-
CSS、width100%でもできる余白
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンをセル内一杯に表示させ...
-
リンクを知らせる手のマークが...
-
htmlで画像を2個ずつ並べていき...
-
ポップアップウィンドウのサイ...
-
画像のサイズが変わらない
-
【HTML/CSS】ボタンの枠が伸び...
-
画像の場合のみ、下線を消す方...
-
cssで、チェックボックスの画像...
-
HTMLのIMAGEに。。
-
XML画像データををHTMLで簡単に...
-
画像の横に文字をうまく配置で...
-
table で画像をピッタリとくっ...
-
画像をリンクさせると紫の枠が...
-
レスポンシブ対応のHTML・CSS(...
-
3つの画像を中央に寄せて表示さ...
-
UDP通信を使うチャットプログラ...
-
水面の波紋
-
cssヘッダー画像の下に配置した...
-
画像とテーブルの隙間をなくす。
-
HTMLは、シングルクォートかダ...
おすすめ情報