サイトを作っていたところ、つけた覚えのないpaddingが付いていました。CSSの方ではそのような記述はしていません。自分では消すことができなかったので、消す方法を教えていただきたいです。
赤線のところにpadding-top: 100px;と書いてある
HTML
1<!DOCTYPE html> 2<html lang="ja"> 3 4<head> 5 <meta charset="UTF-8"> 6 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 <link rel="icon" sizes="512x512" href="./img/icon-512x512.png"> 9 <link rel="stylesheet" href="./css/eng_index.css"> 10 <script src="./js/eng_index.js"></script> 11 <title>HOGEHOGE</title> 12</head> 13 14<body> 15 <header> 16 <div id="nav-top"> 17 <img src="./img/logo1.png" alt="hoge"> 18 </div> 19 <nav id="nav-main"> 20 <ul> 21 <li>Home</li> 22 <li>Products</li> 23 <li>About us</li> 24 <li>Contact us</li> 25 </ul> 26 </nav> 27 </header> 28 <footer></footer> 29</body> 30 31</html>
CSS
1@charset "UTF-8"; 2 3body { 4 background-color: #fafdff; 5} 6 7header { 8 background-color: #fafdff; 9} 10 11#nav-top { 12 padding: none; 13} 14 15#nav-main ul li { 16 margin-right: 10px; 17 display: inline-block; 18 width: 200px; 19 height: 100px; 20}
提示のコードと画像とでは、CSSプロパティ自体が違っています。
回答にもありますが、適用されているCSSを確認してみてください。
例えば、提示のコードの該当箇所に、背景色を付けて適用されるかどうかでも、目安になります。
ベストアンサーの回答に「解決手順」「原因が何だったのか」をコメントで追記して下さい。
質疑応答は同様の問題に遭遇した人の為の共有資産となります。
https://teratail.com/help/question-tips#questionTips4
解決されていますが、同様の問題で悩んでいる方へのヒントにもなるので、解決までの経緯を提示されると、より良いかと思います。
解決手順を書いていたところなので、少し待っていただけるとありがたいです。
慌てさせてスミマセン。
いえいえ。
回答4件
あなたの回答
tips
プレビュー