Q&A
「これ以上下に文字が表示されません。」って、どういう意味ですか？
スクリーンショットを質問に追加するなり、だれでもが理解できる日本語で説明するなりしてください。
map-wrapperの中のマップのhtmlを書いた下のhtmlが、実際にホームページを更新しても、グーグルマップの下に文字が表示されません。
ご教授お願いします。
</body> </html><!--ここは車の画像！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！--> <div class="image-wrapper"> <img src="tire.jpg" class="tire"> </div> <!--ここは真ん中のゾーン！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！--> <div class="center-wrapper"> <div class="container"> <h2>Welcome to Menla Tire Center</h2> <p>Our family's been proud to provide our new and used tire services for the</p> <p>D.C. community since 2009.</p> <a href="index.html" class="contact" value="Contact Us">Contact Us</a> </div> </div> <!--ここからは地図ゾーンにはいりま！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！--> <div class="map-wrapper"> <iframe src="https://www.google.com/maps/embed?pb=!1m23!1m12!1m3!1d96754.57680204505!2d-74.1081588371225!3d40.72724992661053!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!4m8!3e6!4m0!4m5!1s0x89c25753b7dbad2f%3A0x447ac6420641467!2z44OL44Ol44O844Od44O844OI44O744K744Oz44K_44O8IDMwIE1hbGwgRHIgVywgSmVyc2V5IENpdHksIE5KIDA3MzEwIOOCouODoeODquOCq-WQiOihhuWbvQ!3m2!1d40.727140999999996!2d-74.0381184!5e0!3m2!1sja!2sjp!4v1599218260005!5m2!1sja!2sjp" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"</iframe> <div class="con-left"> <h2>Contact</h2> <p>5120 Georgia Ave NW, Washington, DC 20011</p> <a href="(202)723-2222">(202)723-2222</a> </div> <div class="con-right"> <h2>Hours</h2> <p>Every Day: 8:30 AM - 8:00 PM</p> </div> </div>
ここからはcssです！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
- {
box-sizing: border-box;
}
header {
margin: 0 auto;
width:800px;
height:150px;
}
.header-left {
float:left;
font-size:50px;
padding: 25px 0 25px 30px;
}
.header-right {
float:right;
font-weight:bold;
padding: 50px 0;
}
.header-right a{
color:black;
text-decoration:none;
padding-left:30px;
}
.image-wrapper {
text-align:center;
}
.tire {
width:800px;
height:500px;
}
/ここからは真ん中のゾーン！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！！/
.center-wrapper {
width:800px;
margin: 0 auto;
text-align: center;
margin-top: 50px;
margin-bottom: 50px;
}
.center-wrapper h2{
font-family: 'Roboto Condensed';
font-weight:bold;
}
.center-wrapper a{
text-decoration: none;
color:white;
display:inline-block;
background-color: black;
padding: 10px 35px;
border-radius:5px;
margin-top: 20px;
}
/ここからは地図ゾーンだよん./
.map-wrapper {
width:800px;
text-align:center;
margin: 0 auto;
}
.con-left {
font-size:1000px;
}
わかりました。お待ちください。
申し訳ないです。
コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564
ご返信ありがとうございます。
参考にさせていただきます。
あれ伝わってない？
そのまま提示されても行頭のインデントやスペースが詰められるし、どこからどこまでが1ファイルなのか分かりづらいですし、1クリックでコピペでもできないので、コード提示する際は必ず対応すべきものなのですが。
「マークダウンに関する質問」があるのでそちらを見た方が分かりやすいかなと思って提示したのですが伝わらなければガイドラインで。
https://teratail.com/help/question-tips#questionTips3-7
伝わりました。いまから変更させていただきます。
ご指摘ありがとうございます。
コメントをした質問や回答を編集すると通知が来るので、編集してからコメントしてもらった方が良いかなと。
回答1件
0
ベストアンサー
MAP <iframe .... > の> がないのが原因かな。
現状
HTML
1 <iframe 2 src="https://..." .... tabindex="0" 3 </iframe>
修正後
HTML
1 <iframe 2 src="https://..." .... tabindex="0"> 3 </iframe>
投稿2020/09/05 05:34
総合スコア34075
ご返信ありがとうございます！！
やってみます！！
いけました。本当にありがとうございます。
助かりました。
初歩的なミスで申し訳ございません。
あなたの回答
tips
プレビュー
