質問編集履歴

2

cssの追加

2019/10/03 16:20

投稿

bane
bane

スコア14

test CHANGED
File without changes
test CHANGED
@@ -16,6 +16,10 @@
16
16
 
17
17
 
18
18
 
19
+ yieldの部分が適用されていないのがわからないです。
20
+
21
+
22
+
19
23
  application.html.erb
20
24
 
21
25
 
@@ -142,13 +146,189 @@
142
146
 
143
147
  <% end %>
144
148
 
145
-
146
-
147
- ```
149
+ ```
148
-
150
+
149
- custom.scss
151
+ 適用されているcustom.scss
150
-
152
+
153
+
154
+
155
+
156
+
151
- ```css
157
+ ```scss
158
+
159
+ /* header */
160
+
161
+ body {
162
+
163
+ margin: 0;
164
+
165
+
166
+
167
+ }
168
+
169
+
170
+
171
+ a {
172
+
173
+ text-decoration: none;
174
+
175
+ }
176
+
177
+
178
+
179
+ .container-footer {
180
+
181
+ width: 1170px;
182
+
183
+ padding: 0 15px;
184
+
185
+ margin: 0 auto;
186
+
187
+ color:white;
188
+
189
+
190
+
191
+ }
192
+
193
+
194
+
195
+ header {
196
+
197
+ height: 65px;
198
+
199
+ width: 100%;
200
+
201
+ background-color:black;
202
+
203
+ /* positionプロパティをfixedに、topを0に指定してください */
204
+
205
+ position:fixed;
206
+
207
+ top:0;
208
+
209
+ z-index:10;
210
+
211
+
212
+
213
+ }
214
+
215
+
216
+
217
+ .header-left {
218
+
219
+ float: left;
220
+
221
+
222
+
223
+
224
+
225
+ }
226
+
227
+ .header-left a{
228
+
229
+ color:white;
230
+
231
+ line-height: 65px;
232
+
233
+ font-size: 30px;
234
+
235
+ }
236
+
237
+
238
+
239
+ .header-left1 a{
240
+
241
+ line-height: 75px;
242
+
243
+ font-size: 15px;
244
+
245
+ color:#FFF;
246
+
247
+ padding:0 10px;
248
+
249
+ }
250
+
251
+
252
+
253
+
254
+
255
+ .header-right {
256
+
257
+ float: right;
258
+
259
+ background-color: rgba(255, 255, 255, 0.3);
260
+
261
+ transition: all 0.5s;
262
+
263
+ }
264
+
265
+ .left1{
266
+
267
+ font-size: 15px;
268
+
269
+ }
270
+
271
+
272
+
273
+ .header-right1 a{
274
+
275
+ float: right;
276
+
277
+ color:white;
278
+
279
+ line-height: 65px;
280
+
281
+ padding: 0 25px;
282
+
283
+ font-size: 20px;
284
+
285
+
286
+
287
+ }
288
+
289
+ .header-right:hover {
290
+
291
+ background-color: rgba(255, 255, 255, 0.5);
292
+
293
+ }
294
+
295
+
296
+
297
+ .header-right a {
298
+
299
+ line-height: 65px;
300
+
301
+ padding: 0 25px;
302
+
303
+ color: white;
304
+
305
+ font-size: 25px;
306
+
307
+ }
308
+
309
+ a:hover {
310
+
311
+ color:#6666FF ;
312
+
313
+ }
314
+
315
+
316
+
317
+ .bosyu h2{
318
+
319
+ padding:100px 0;
320
+
321
+ font-size:30px;
322
+
323
+ }
324
+
325
+
326
+
327
+ ```
328
+
329
+ 適用されないcustom.scss
330
+
331
+ ```scss
152
332
 
153
333
  /* home */
154
334
 
@@ -166,4 +346,12 @@
166
346
 
167
347
  color:#532532;
168
348
 
349
+ }
350
+
351
+ .main-container-top h2{
352
+
353
+ font-size: 30px;
354
+
355
+ }
356
+
169
- }```
357
+ ```

1

誤字

2019/10/03 16:20

投稿

bane
bane

スコア14

test CHANGED
File without changes
test CHANGED
@@ -1,4 +1,4 @@
1
- rails5でviewsにhomeとlayoutsの2つのファイルがある。
1
+ rails5でviewsにhomeとlayoutsの2つのフがある。
2
2
 
3
3
  layoutsにはheader,footer,applicationのhtml.erbファイル
4
4