teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

文法の修正

2020/11/04 04:30

投稿

yomopon
yomopon

スコア1

title CHANGED
File without changes
body CHANGED
@@ -6,6 +6,37 @@
6
6
  メニューをドロップダウンメニューに変更したところ、各ページのトップがメニューの下に入り込んでしまいました。
7
7
 
8
8
  ### 該当のソースコード
9
+ ```html
10
+ <div id="top">
11
+ <div id="logo">
12
+ <a href="xxx.html"><img src="img/ロゴ.jpg"></a>
13
+ </div>
14
+
15
+ <nav>
16
+ <ul class="menu">
17
+ <li><a href="1.html">メニュー1</a>
18
+ <ul>
19
+ <li><a href="1-1.html">子メニュー1-1</a></li>
20
+ <li><a href="1-2.html">子メニュー1-2</a></li>
21
+ <li><a href="1-3.html">子メニュー1-3</a></li>
22
+ </ul>
23
+ </li>
24
+ <li><a href="2.html">メニュー2</a>
25
+ <ul>
26
+ <li><a href="2-1.html">子メニュー2-1</a></li>
27
+ <li><a href="2-2.html">子メニュー2-2</a></li>
28
+ <li><a href="2-3.html">子メニュー2-3</a></li>
29
+ </ul>
30
+ </li>
31
+ <li><a href="3.html">メニュー3</a></li>
32
+ <li><span><a href="4.html">メニュー4</a></span></li>
33
+ </ul>
34
+ </nav>
35
+
36
+ </div>
37
+ ```
38
+
39
+ ```css
9
40
  .menu {
10
41
  float: right;
11
42
  list-style: none;
@@ -76,8 +107,8 @@
76
107
  overflow: visible;
77
108
  height: 38px;
78
109
  }
110
+ ```
79
111
 
80
-
81
112
  ### 試したこと
82
113
  html内での読み込みのあとに、あらかじめmargin-topを追加してみた
83
114
  <script type="text/javascript">