普段はWEBデザイナーをしているためコーディング初心者です。
知識が乏しいため、こちらに質問させていただきました。
お力をお貸しいただけますと幸いです。
発生している問題
該当ページ:http://mn-studio.jp/access/index.html
html,css,javescript,jqueryを使用して、サイト制作を行いましたが、
なぜか、「周辺情報」とその下の表の間に「<」が表示されてしまい、困っております
該当のソースコード
▼HTMLデータです
https://drive.google.com/file/d/1PZdJ2p6TIcS25ziHpiCrUnnqrJljjelx/view?usp=sharing
html
<div id="studio-list" class="fadetop-once"> <h3 class="ttl-h3">周辺情報</h3> <div class="scroll-sp"> <table> <tr> <td>≪ 近隣 ≫</td><td><a href="https://goo.gl/maps/utjDRrxGUd92" target="_blank">葉山御用邸</a></td><td><a href="https://goo.gl/maps/utjDRrxGUd92" target="_blank">車10分|〒240-0111 神奈川県三浦郡葉山町一色2038</a></td> </tr> <tr> <td></td><td><a href="http://www.moma.pref.kanagawa.jp/hayama" target="_blank">神奈川県立近代美術館葉山</a></td><td><a href="https://goo.gl/maps/jKvyoxkSbF72" target="_blank">車10分|〒240-0111 神奈川県三浦郡葉山町一色2208−1</a></td> </tr>
css
#studio-list h3 { font-size: 16px; font-family: inherit; } .ttl-h3 { font-size: 18px; font-weight: bold; font-family: 'Josefin Sans', sans-serif; margin-bottom: 20px; } #studio table, #access table { width: 100%; } #studio table td, #access table td { font-size: 12px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; padding: 6px 0; line-height: 1.6; width: 32%; } #studio table td:first-child, #access table td:first-child { width: 22%; } #studio table td:last-child, #access table td:last-child { width: 46%; } .ttl-h3 { font-size: 4.75vw; margin-bottom: 12%; } #studio table, #access table { width: 100%; } #studio table td, #access table td { font-size: 3.5vw; } #studio table td:first-child, #access table td:first-child { padding-right: 5%; } #studio table td:last-child, #access table td:last-child { padding-left: 5%; }
試したこと
・不要な「<」が入ってないか、目視確認
・Googleの検証で該当の箇所の探索→見つからず
お忙しいところ、申し訳ありませんが
どうぞよろしくお願いいたします。
回答3件
あなたの回答
tips
プレビュー