どういうわけかリンクしません

質問

どういうわけかリンクしません

ので、教えていただきたくて質問させていただきます。

数ページあるサイトを製作したのですが、
ページ内にメニューボタンを配置し、
それぞれサイト内のリンク先に飛ぶように設定しました。
その内のボタン(sample_btn)にトップページ(index.html)自身に再ジャンプするようなかたちをとろうと思い、

<div id="sample_btn"><a href="index.html"><img src="sample.gif" /></a></div>

上記のxhtmlを書きました。

ところがローカルでは、sample.gifという画像が見えるのですが
サーバーにアップすると見えなくなってしまいます。

他のページでは、
<div id="sample_btn"><a href="index.html"><img src="sample.gif" /></a></div>
の、index.htmlの部分の名前だけを変えて使用していますが、
問題なく表示されています。

表示されないトップページでも、index.htmlの部分を#に変えると表示されます。

現在は#で問題を回避していますが、
どうにかリンクさせたいというのと、
なぜこうなるのか知りたくて質問させていただきました。

質問に関し情報が少ない場合は指摘がございましたら
追記させていただきます。

リンクする必要が無いかとは思いますが、
今回はどうしてかを知りたい為
どうかご回答よろしくお願いいたします。

回答No.1

ORUKA1951 · ベストアンサー

画像へのパスが間違っている。
画像のあるべき位置にポインターを合わせて「画像を表示」させると、画像のURLが場所欄に表示されるはず。それが見えているページとそうでないページで同じか確認しよう。

本題には関係ないが、ここはdivの必要ないと思う。
<p><a href="index.html"><img src="sample.gif width="80" height="36" alt="トップへ"/></a></p>

お礼

すいません、ありがとうございました！