前提・実現したいこと
HTMLとCSSを用いてWebページを作っています。
現在はヘッダーのロゴとメニュー欄を作っている段階にあります。
発生している問題・エラーメッセージ
相対パスでロゴ画像を表示したいのですが、表示されません。
該当のソースコード
HTML
1<header> 2 <div class="logo"> 3 <img src="images/logo.png" alt="SNAPPERS"> 4 </div> 5 <ul class="menu"> 6 <li><a href="#">portfolio</a></li> 7 <li><a href="#">about</a></li> 8 <li><a href="#">contact</a></li> 9 </ul> 10 </header>
CSS
1header { 2 width: 1300px; 3 height: 100px; 4 margin: 0 auto; 5} 6 7.logo { 8 float: left; 9 margin-top: 50px; 10}
試したこと
対象ファイルの位置関係を間違えて記述していると考え、<img src="logo.png" alt="SNAPPERS">
や<img src="IMAGES/images/logo.png" alt=""SNAPPERS>
など書き直してみましたが、うまくいきませんでした。
おそらく、リンクを記述するページの位置関係を理解できていないから、対象ファイルがどこにあるのかわからない状態なのだと思います。
お時間ありましたら、ご教示お願いいたします。
補足情報(FW/ツールのバージョンなど)
該当する画像(logo.png)は上のimagesフォルダに入っており、htmlコードはOUTLINEという階層をクリックすると表示されます。ご回答を参照するに、そもそもhtmlファイルがエディタの正しい場所にないのではないかと思いました。もし説明の足りない点がございましたら、教えていただけると幸いです。
![guest](/img/icon/icnUserSample.jpg)
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/09/09 07:09
2020/09/09 07:38
2020/09/09 14:55
2020/09/09 23:52
2020/09/10 08:15