HTMLの相対パスでの画像表示に問題がある

2017/02/28 10:39

このQ&Aのポイント

HTMLの下階層から相対パスをしても、ヘッダー・メニュー・フッターの画像が表示されない問題が発生している。
トップページは正常に表示されるが、新規のディレクトリで画像が表示されない。
CSSは効いているが、画像の相対パスが正しくないため表示されない状況と考えられる。

chororin777
お礼率22% (19/85)

HTML
回答数3
ありがとう数0

みんなの回答 （3）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

noname#242220

2017/02/28 11:26 回答No.2

ディレクトリを分けるとリンクは外れます。簡単にはデレクトリーを分けずに作成すれば問題は無いのでしょうね。

その他の回答 (2)

chie65536（@chie65535）
ベストアンサー率44% (8740/19838)

2017/02/28 11:57 回答No.3

abcフォルダを作る前のディレクトリ構成は以下のようになっていた筈です。 /　index.html ┗/img/　画像ファイルこの状態で、ヘッダー、メニュー、フッターで画像を指定する場合 <img src="img/画像ファイル"> のように指定していた筈です。 abcフォルダを作り、その中でヘッダー、メニュー、フッターで画像を指定する場合 <img src="img/画像ファイル"> のように指定すると /　コピー元index.html ┣/img/　画像ファイルがここにあっても使われない ┗/abc/　コピーしたindex.html 　┗/img/　画像ファイルはここにあるのを使おうとするというディレクトリ構成になってないといけません。つまり /img/ と /abc/img/ の２つのフォルダに、それぞれの階層用として同じ画像を用意しないとなりません。「/img/」にある画像ファイルは「コピー元のindex.html」から使われます。「/abc/img/」にある画像ファイルは「コピーしたindex.html」から使われます。２つのindex.htmlで、同一の「/img/に格納された画像」を使いたいなら、どちらも <img src="/img/画像ファイル"> のように「WEBルートフォルダからの絶対パス」で指定しなくてはいけません。「WEBルートフォルダからの絶対パス」で指定するので「URLの先頭のスラッシュ」が重要になってきます。