teratail
回答率
85.47%
質問するログイン新規登録
トップに関する質問ドロップダウンメニュー　グローバルナビ

編集履歴

質問編集履歴

4

タイトルを訂正しました。

2016/10/15 16:04

投稿

ryo-dev
ryo-dev

スコア437

test CHANGED
@@ -1 +1 @@
1
- ロドップダウンメニュー
1
+ ドロップダウンメニュー　グローバルナビ
test CHANGED
File without changes

3

タグの追加

2016/10/15 16:04

投稿

ryo-dev
ryo-dev

スコア437

test CHANGED
File without changes
test CHANGED
File without changes

2

訂正

2016/10/15 15:20

投稿

ryo-dev
ryo-dev

スコア437

test CHANGED
File without changes
test CHANGED
@@ -76,56 +76,42 @@
76
76
 
77
77
  position: relative;
78
78
 
79
- width: 20%;
79
+ width: 130px;
80
80
 
81
81
  float: left;
82
82
 
83
+ text-align: center;
84
+
85
+ }
86
+
87
+ .dropmenu li a{
88
+
89
+ display: block;
90
+
91
+ padding: 10px 0px;
92
+
93
+ /* 通常時背景 */
94
+
95
+ background: rgba(0,0,0,0.75);
96
+
97
+ color: #fff;
98
+
99
+ font-size: 16px;
100
+
101
+ line-height: 1;
102
+
103
+ text-decoration: none;
104
+
105
+ }
106
+
107
+ .dropmenu li ul{
108
+
109
+ list-style: none;
110
+
83
111
  margin: 0;
84
112
 
85
113
  padding: 0;
86
114
 
87
- text-align: center;
88
-
89
- }
90
-
91
- .dropmenu li a{
92
-
93
- display: block;
94
-
95
- margin: 0;
96
-
97
- padding: 10px 0 10px;
98
-
99
- /* 通常時背景 */
100
-
101
- background: rgba(0,0,0,0.75);
102
-
103
- color: #fff;
104
-
105
- font-size: 16px;
106
-
107
- line-height: 1;
108
-
109
- text-decoration: none;
110
-
111
- }
112
-
113
- .dropmenu li ul{
114
-
115
- list-style: none;
116
-
117
- position: absolute;
118
-
119
- z-index: 9999;
120
-
121
- top: 100%;
122
-
123
- left: 0;
124
-
125
- margin: 0;
126
-
127
- padding: 0;
128
-
129
115
  }
130
116
 
131
117
  .dropmenu li ul li{
@@ -136,7 +122,7 @@
136
122
 
137
123
  .dropmenu li ul li a{
138
124
 
139
- padding: 13px 15px;
125
+ padding: 3px;
140
126
 
141
127
  /* ドロップメニューの間の線 */
142
128
 
@@ -146,6 +132,8 @@
146
132
 
147
133
  background: rgba(0,0,0,0.37);
148
134
 
135
+ font-size:14px;
136
+
149
137
  }
150
138
 
151
139
  .dropmenu li a:hover{

1

訂正

2016/10/15 15:19

投稿

ryo-dev
ryo-dev

スコア437

test CHANGED
File without changes
test CHANGED
@@ -60,29 +60,17 @@
60
60
 
61
61
  width:900px;
62
62
 
63
- margin: 14px auto 30px;
63
+ margin: 14px auto 0px;
64
64
 
65
65
  padding: 0;
66
66
 
67
-
67
+
68
68
 
69
69
  overflow:visible;
70
70
 
71
71
  }
72
72
 
73
- .dropmenu:before, .dropmenu:after{
73
+
74
-
75
- content: "";
76
-
77
- display: table;
78
-
79
- }
80
-
81
- .dropmenu:after{
82
-
83
- clear: both;
84
-
85
- }
86
74
 
87
75
  .dropmenu li{
88
76
 
@@ -106,7 +94,7 @@
106
94
 
107
95
  margin: 0;
108
96
 
109
- padding: 15px 0 11px;
97
+ padding: 10px 0 10px;
110
98
 
111
99
  /* 通常時背景 */
112
100
 
@@ -156,11 +144,7 @@
156
144
 
157
145
  /* ダウンメニュー背景 */
158
146
 
159
- background: rgba(0,0,0,0.37);
147
+ background: rgba(0,0,0,0.37);
160
-
161
-
162
-
163
-
164
148
 
165
149
  }
166
150
 
@@ -178,6 +162,8 @@
178
162
 
179
163
 
180
164
 
165
+
166
+
181
167
  #flip2 li ul {
182
168
 
183
169
  visibility: hidden;