BOOKS
by Sukeharu Kano / 狩野祐東 著書

画像が反映されません

このトピックには3件の返信が含まれ、2人の参加者がいます。2 週間、 1 日前 長島 さんが最後の更新を行いました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #2837 返信

    長島

    こんにちは。長島と申します。
    chapter05の03「画像の挿入」でつまずいています。
    ブラウザで確認すると、ロゴとキービジュアルの画像が表示されません。
    alt属性も表示されず、画像の場所には四角の中に?が入った記号が表示されています。

    ・Safariで表示されないのでFirefoxで確認しましたが、何も(画像以外も)表示されません。ツール/ブラウズでChromeが出てこないため、Chromeでは確認できていません。

    ・「https://validator.w3.org」でチェックしてみましたが、「No errors or warnings to show」という結果でした。

    ・imagesフォルダは、index.htmlの入っているcafeフォルダ内に入っています。

    3回最初から書き直してみましたが、原因が分かりません。
    確認すべき点を教えて頂けるとありがたいです。
    よろしくお願いいたします。

    #2839 返信

    狩野 祐東
    キーマスター

    長島さんこんにちは。

    ・Safariで表示されないのでFirefoxで確認しましたが、何も(画像以外も)表示されません。

    バリデーターでエラーが出ないのに、何も表示されないブラウザがあるというのが気になりますね。
    作成中のHTMLファイルの文字コードは「UTF-8」になっていますか? miなら[ドキュメント/テキストエンコーディング]で調べられます。

    文字コードが正しい場合は、問題の箇所を割り出すために、「間違いなく正しく書けているところ」まで戻ってみるのがよいと思います。

    いったん、いま作業中のHTMLから、chapter05-03で書く部分──2箇所の<img>タグ──を消して、chapter05-02の状態に戻します。その状態で、SafariとFirefoxで表示を確認してみてください。本に載っているスクリーンショットと同じように表示されますか? リンクをクリックしたらページが開きますか?

    もし、chapter05-02までなら正しく表示され、動いているのであれば、<img>タグの書き方のどこかが違うはずです。
    もし、chapter05-02の状態も正しく表示されないようであれば、同じ作業(chapter05-02で書く部分を消す)を繰り返し、ひとつずつ節をさかのぼって、正しく表示されるところまで戻ってみてください。そうやって、間違っている場所を探します。

    それでもうまくいかない場合はまたご質問ください。

    #2854 返信

    長島

    狩野さん

    ご回答ありがとうございます。
    文字コードはUTF-8になっていました。
    あとは教えて頂いたように、正しく書けているところまでさかのぼって確認していきます。
    ありがとうございます。

    #2860 返信

    長島

    解決しました!
    と言っていいのでしょうか・・!?

    問題のないところ(画像挿入前)までさかのぼってみたり、素材をダウンロードするところからやり直してみても画像が表示されなかったのですが……
    ブラウザメニューのファイル>ファイルを開く
    でcafeフォルダのHTMLファイルを開いてみたところ、画像も表示されるようになりました。(Safari、Firefox共に)

    この方法で表示されるのなら問題が無いのかは判断できないのですが、とりあえず先に進めそうです。
    狩野さん丁寧なご回答ありがとうございました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
返信先: 画像が反映されません
あなたの情報:





BOOKS by 狩野祐東