質問編集履歴

4

HTML、CSSコード追加。

2018/11/20 13:41

投稿

kameo
kameo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -30,6 +30,34 @@
30
30
 
31
31
  <p>コンテンツ</p>
32
32
 
33
+ <p>コンテンツ</p>
34
+
35
+ <p>コンテンツ</p>
36
+
37
+ <p>コンテンツ</p>
38
+
39
+ <p>コンテンツ</p>
40
+
41
+ <p>コンテンツ</p>
42
+
43
+ <p>コンテンツ</p>
44
+
45
+ <p>コンテンツ</p>
46
+
47
+ <p>コンテンツ</p>
48
+
49
+ <p>コンテンツ</p>
50
+
51
+ <p>コンテンツ</p>
52
+
53
+ <p>コンテンツ</p>
54
+
55
+ <p>コンテンツ</p>
56
+
57
+ <p>コンテンツ</p>
58
+
59
+ <p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p><p>コンテンツ</p>
60
+
33
61
 
34
62
 
35
63
  <div class="gnav">
@@ -40,45 +68,45 @@
40
68
 
41
69
  <li>メニュー内容</li>
42
70
 
43
- <li>メニュー内容</li>
71
+ <li>メニュー内容</li>
44
-
72
+
45
- <li>メニュー内容</li>
73
+ <li>メニュー内容</li>
46
-
74
+
47
- <li>メニュー内容</li>
75
+ <li>メニュー内容</li>
48
-
76
+
49
- <li>メニュー内容</li>
77
+ <li>メニュー内容</li>
50
-
78
+
51
- <li>メニュー内容</li>
79
+ <li>メニュー内容</li>
52
-
80
+
53
- <li>メニュー内容</li>
81
+ <li>メニュー内容</li>
54
-
82
+
55
- <li>メニュー内容</li>
83
+ <li>メニュー内容</li>
56
-
84
+
57
- <li>メニュー内容</li>
85
+ <li>メニュー内容</li>
58
-
86
+
59
- <li>メニュー内容</li>
87
+ <li>メニュー内容</li>
60
-
88
+
61
- <li>メニュー内容</li>
89
+ <li>メニュー内容</li>
62
-
90
+
63
- <li>メニュー内容</li>
91
+ <li>メニュー内容</li>
64
-
92
+
65
- <li>メニュー内容</li>
93
+ <li>メニュー内容</li>
66
-
94
+
67
- <li>メニュー内容</li>
95
+ <li>メニュー内容</li>
68
-
96
+
69
- <li>メニュー内容</li>
97
+ <li>メニュー内容</li>
70
-
98
+
71
- <li>メニュー内容</li>
99
+ <li>メニュー内容</li>
72
-
100
+
73
- <li>メニュー内容</li>
101
+ <li>メニュー内容</li>
74
-
102
+
75
- <li>メニュー内容</li>
103
+ <li>メニュー内容</li>
76
-
104
+
77
- <li>メニュー内容</li>
105
+ <li>メニュー内容</li>
78
-
106
+
79
- <li>メニュー内容</li>
107
+ <li>メニュー内容</li>
80
-
108
+
81
- <li>メニュー内容</li>
109
+ <li>メニュー内容</li>
82
110
 
83
111
  </ul>
84
112
 
@@ -130,6 +158,8 @@
130
158
 
131
159
  z-index: 2;
132
160
 
161
+ background-color: #FFFFFF;
162
+
133
163
  }
134
164
 
135
165
 

3

HTML、CSSコード追加。

2018/11/20 13:41

投稿

kameo
kameo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -18,6 +18,12 @@
18
18
 
19
19
  ```ここに言語を入力
20
20
 
21
+
22
+
23
+ <p class="menu-btn gmenu">MENU</p>
24
+
25
+
26
+
21
27
  <div class="container">
22
28
 
23
29
 
@@ -25,8 +31,6 @@
25
31
  <p>コンテンツ</p>
26
32
 
27
33
 
28
-
29
- <p class="menu-btn gmenu">MENU</p>
30
34
 
31
35
  <div class="gnav">
32
36
 

2

HTML、CSSコード追加。

2018/11/20 12:15

投稿

kameo
kameo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -18,7 +18,17 @@
18
18
 
19
19
  ```ここに言語を入力
20
20
 
21
+ <div class="container">
22
+
23
+
24
+
25
+ <p>コンテンツ</p>
26
+
27
+
28
+
21
29
  <p class="menu-btn gmenu">MENU</p>
30
+
31
+ <div class="gnav">
22
32
 
23
33
  <div id="menu-list">
24
34
 
@@ -72,6 +82,18 @@
72
82
 
73
83
  </div>
74
84
 
85
+ </div>
86
+
87
+
88
+
89
+
90
+
91
+
92
+
93
+
94
+
95
+ </div>
96
+
75
97
  ```
76
98
 
77
99
 
@@ -81,6 +103,32 @@
81
103
 
82
104
 
83
105
  ```ここに言語を入力
106
+
107
+ .container {
108
+
109
+ position: relative;
110
+
111
+ width: 100%;
112
+
113
+ }
114
+
115
+
116
+
117
+ .gnav {
118
+
119
+ clear: both;
120
+
121
+ top:0px;
122
+
123
+ position: absolute;
124
+
125
+ width: 100%;
126
+
127
+ z-index: 2;
128
+
129
+ }
130
+
131
+
84
132
 
85
133
  #menu-list {display: none;}
86
134
 

1

メニューボタンでも開閉できるようになっております。

2018/11/20 12:13

投稿

kameo
kameo

スコア12

test CHANGED
File without changes
test CHANGED
@@ -18,9 +18,37 @@
18
18
 
19
19
  ```ここに言語を入力
20
20
 
21
+ <p class="menu-btn gmenu">MENU</p>
22
+
21
23
  <div id="menu-list">
22
24
 
23
25
  <ul>
26
+
27
+ <li>メニュー内容</li>
28
+
29
+ <li>メニュー内容</li>
30
+
31
+ <li>メニュー内容</li>
32
+
33
+ <li>メニュー内容</li>
34
+
35
+ <li>メニュー内容</li>
36
+
37
+ <li>メニュー内容</li>
38
+
39
+ <li>メニュー内容</li>
40
+
41
+ <li>メニュー内容</li>
42
+
43
+ <li>メニュー内容</li>
44
+
45
+ <li>メニュー内容</li>
46
+
47
+ <li>メニュー内容</li>
48
+
49
+ <li>メニュー内容</li>
50
+
51
+ <li>メニュー内容</li>
24
52
 
25
53
  <li>メニュー内容</li>
26
54