Q&A
エラーメッセージをご提示ください。
imgタグのところに画像ファイルを入れたのですが、エラー表示になってしまいます。どうしたら表示されるようになるのでしょうか？
<body> <header> <h1>○○○○○</h1> </header> <div class="container" id="about"> <h2>△□◇○◇○</h2> <ul> <li><img src="choices/image/face_angry_man1.png" width="300" height="200" alt=""> <p><a href="#description1">いらいら</a></p></li> <li><img src="images/IMG_4551.jpeg" width="300" height="200" alt=""> <p><a href="#description2">しくしく</a></p> </li> <li><img src="image/mark_face_smile.png" width="300" height="200" alt=""> <p><a href="#description3">にこにこ</a></p> </li> </ul> </div> </body>- {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
background-color: #e6e6e6;
}
header {
padding: 10px;
position: fixed;
top: 0;
width: 100%;
background-color: #90ee90;
display: flex;
align-items: center;
text-align: center;
position:fixed;
}
h1 {
text-decoration: none;
color: #142e37;
margin: auto;
padding: 0;
padding-right: 48px;
font-size: 30px;
font-family: cursive;
width: 100%;
}
h2{
color: black;
font-size:18px;
text-align: center;
padding-top: 100px;
}
ul {
display: flex;
justify-content: center;
}
li {
list-style: none;
}
li:nth-child(2) {
margin: 0 10px;
}
.container{
width: 100%;
}
画像とHTMLとCSSのフォルダ構成を教えてください。
コメントありがとうございます。
無事に解決致しました。
できれば、もう一つの方の質問に答えていただけると幸いです。
ご解決されて何よりです。
自己解決の処理をお願いします。
https://teratail.com/help#resolve-myself
回答2件
0
無事に解決致しました。
ファイル名に誤りがあったようです。
投稿2022/01/20 02:33
総合スコア5
0
image/mark_face_smile.png
images/IMG_4551.jpeg
choices/image/face_angry_man1.png
この三枚は、HTMLファイルと同じ階層に置かれていますか？
もうちょっと詳しく状況を説明してくれると助かります
投稿2022/01/19 10:29
総合スコア232
あなたの回答
tips
プレビュー
