質問編集履歴

3

URLを削除しました

2020/08/09 22:06

投稿

yuinana123
yuinana123

スコア1

test CHANGED
File without changes
test CHANGED
@@ -18,7 +18,7 @@
18
18
 
19
19
  長いのでテストページをアップしました。
20
20
 
21
- http://hidahari.com/test/
21
+
22
22
 
23
23
 
24
24
 

2

訂正

2020/08/09 22:06

投稿

yuinana123
yuinana123

スコア1

test CHANGED
File without changes
test CHANGED
@@ -26,6 +26,8 @@
26
26
 
27
27
 
28
28
 
29
+
30
+
29
31
  ```ここに言語を入力
30
32
 
31
33
  <!DOCTYPE html>
@@ -212,372 +214,370 @@
212
214
 
213
215
 
214
216
 
217
+
218
+
219
+
220
+
221
+ @charset "utf-8";
222
+
223
+ /* CSS Document */
224
+
225
+
226
+
227
+ html {
228
+
229
+ font-family: 'Noto Sans JP', sans-serif;
230
+
231
+ font-size: 62.5%;
232
+
233
+ box-sizing: border-box;
234
+
235
+ }
236
+
237
+
238
+
239
+ img {
240
+
241
+ margin:0;
242
+
243
+ padding:0;
244
+
245
+ border:0;
246
+
247
+ width: 100%;
248
+
249
+ height: auto;
250
+
251
+
252
+
253
+ }
254
+
255
+
256
+
257
+ .clearfloat {
258
+
259
+ clear:both;
260
+
261
+ height:0px;
262
+
263
+ font-size: 1px;
264
+
265
+ line-height: 0px;
266
+
267
+ }
268
+
269
+
270
+
271
+ a{
272
+
273
+ color:#929D00;
274
+
275
+ }
276
+
277
+ a:hover {
278
+
279
+ opacity: 0.75;
280
+
281
+ }
282
+
283
+ p {
284
+
285
+ padding: 0;
286
+
287
+ margin: 0;
288
+
289
+ }
290
+
291
+ ul {
292
+
293
+ list-style: none;
294
+
295
+ margin: 0;
296
+
297
+ padding: 0;
298
+
299
+ }
300
+
301
+ h1, h2, h3, h4 {
302
+
303
+ font-weight: normal;
304
+
305
+ }
306
+
307
+
308
+
309
+ /* ;;;;;;;;;;;;;;;;;;;;;;;
310
+
311
+ 共通
312
+
313
+ ;;;;;;;;;;;;;;;;;;;;;;;*/
314
+
315
+
316
+
317
+ .p_14 {
318
+
319
+ font-size: 1.4rem;
320
+
321
+ }
322
+
323
+
324
+
325
+ .mb05{
326
+
327
+ margin-bottom: .5em;
328
+
329
+ }
330
+
331
+
332
+
333
+ .mb1{
334
+
335
+ margin-bottom: 1em;
336
+
337
+ }
338
+
339
+
340
+
341
+ .mb2{
342
+
343
+ margin-bottom: 2em;
344
+
345
+ }
346
+
347
+
348
+
349
+ .mb3{
350
+
351
+ margin-bottom: 3em;
352
+
353
+ }
354
+
355
+
356
+
357
+ .mb4{
358
+
359
+ margin-bottom: 4em;
360
+
361
+ }
362
+
363
+
364
+
365
+ .mb5{
366
+
367
+ margin-bottom: 5em;
368
+
369
+ }
370
+
371
+ /* ;;;;;;;;;;;;;;;;;;;;;;;
372
+
373
+ 構造
374
+
375
+ ;;;;;;;;;;;;;;;;;;;;;;;*/
376
+
377
+
378
+
379
+ header {
380
+
381
+ width: 1110px;
382
+
383
+ margin: 0 auto;
384
+
385
+ }
386
+
387
+ .container {
388
+
389
+ width: 1110px;
390
+
391
+ margin: 0 auto;
392
+
393
+ }
394
+
395
+ .main {
396
+
397
+ width: 75%;
398
+
399
+ margin-bottom: 40px;
400
+
401
+ float: left;
402
+
403
+ }
404
+
405
+ .side {
406
+
407
+ width: 25%;
408
+
409
+ float: right;
410
+
411
+ }
412
+
413
+ .footer_bg {
414
+
415
+ background-image: url("../images/footer_bg.png");
416
+
417
+ background-repeat: repeat;
418
+
419
+ min-width:1110px;
420
+
421
+ border-bottom: solid 20px #85D0C5;
422
+
423
+ }
424
+
425
+ .wrapper {
426
+
427
+ background-color: #ffffff;
428
+
429
+ color: #4D4D4D;
430
+
431
+ line-height: 170%;
432
+
433
+ font-size: 1.4rem;
434
+
435
+ }
436
+
437
+ /* ナビ */
438
+
439
+ nav {
440
+
441
+ font: 18px/1.7 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","MS Pゴシック",Helvetica,Sans-Serif;
442
+
443
+ width: 1110px;
444
+
445
+ height: 65px;
446
+
447
+ border: 2px dashed #46B793;
448
+
449
+ position: fixed;
450
+
451
+ z-index: 99999;
452
+
453
+ }
454
+
455
+
456
+
457
+ /* 親メニュー - Parent nav */
458
+
459
+ nav > ul > li {
460
+
461
+ position: relative;
462
+
463
+ float: left;
464
+
465
+ margin-right: 45px;
466
+
467
+ }
468
+
469
+ nav a {
470
+
471
+ color: #0bd;
472
+
473
+ text-decoration: none;
474
+
475
+ }
476
+
477
+ nav ul a:hover {
478
+
479
+ color: #0090aa;
480
+
481
+ }
482
+
483
+
484
+
485
+ /* 子メニュー - .sub-menu */
486
+
487
+ nav .sub-menu {
488
+
489
+ position: absolute;
490
+
491
+ width: 180px;
492
+
493
+ background: #0bd;
494
+
495
+ top: 30px;
496
+
497
+ display: none;
498
+
499
+ }
500
+
501
+ nav .sub-menu a {
502
+
503
+ color: #fff;
504
+
505
+ padding: 10px 15px;
506
+
507
+ display: block;
508
+
509
+ }
510
+
511
+ nav .sub-menu a:hover {
512
+
513
+ color: #fff;
514
+
515
+ }
516
+
517
+
518
+
519
+ /* ホバー&フォーカスで子メニュー表示 */
520
+
521
+ /* Display sub menu by hover & focus */
522
+
523
+ nav .menu-item-has-children:hover ul,
524
+
525
+ nav .menu-item-has-children ul.focused {
526
+
527
+ display: block;
528
+
529
+ }
530
+
531
+ nav li.menu-item-has-children li a:hover,
532
+
533
+ nav li.menu-item-has-children li a:focus {
534
+
535
+ background: #0090aa;
536
+
537
+ }
538
+
539
+ nav .menu-item-has-children:hover ul,
540
+
541
+ nav .menu-item-has-children ul.focused {
542
+
543
+ display: block;
544
+
545
+ }
546
+
547
+ nav li.menu-item-has-children li a:hover,
548
+
549
+ nav li.menu-item-has-children li a:focus {
550
+
551
+ background: #0090aa;
552
+
553
+ }
554
+
555
+ .top_img {
556
+
557
+ max-width:1110px;
558
+
559
+ margin: 0 auto;
560
+
561
+ min-height: 370px;
562
+
563
+ }
564
+
565
+ .top_img img {
566
+
567
+ width: 1110px;
568
+
569
+ height: 370px;
570
+
571
+ }
572
+
573
+ .top_img_bg {
574
+
575
+ background-image: url("../images/top_bg.svg");
576
+
577
+ background-repeat:repeat;
578
+
579
+ }
580
+
581
+
582
+
215
583
  ```
216
-
217
-
218
-
219
-
220
-
221
- ★CSS```ここに言語を入力
222
-
223
- @charset "utf-8";
224
-
225
- /* CSS Document */
226
-
227
-
228
-
229
- html {
230
-
231
- font-family: 'Noto Sans JP', sans-serif;
232
-
233
- font-size: 62.5%;
234
-
235
- box-sizing: border-box;
236
-
237
- }
238
-
239
-
240
-
241
- img {
242
-
243
- margin:0;
244
-
245
- padding:0;
246
-
247
- border:0;
248
-
249
- width: 100%;
250
-
251
- height: auto;
252
-
253
-
254
-
255
- }
256
-
257
-
258
-
259
- .clearfloat {
260
-
261
- clear:both;
262
-
263
- height:0px;
264
-
265
- font-size: 1px;
266
-
267
- line-height: 0px;
268
-
269
- }
270
-
271
-
272
-
273
- a{
274
-
275
- color:#929D00;
276
-
277
- }
278
-
279
- a:hover {
280
-
281
- opacity: 0.75;
282
-
283
- }
284
-
285
- p {
286
-
287
- padding: 0;
288
-
289
- margin: 0;
290
-
291
- }
292
-
293
- ul {
294
-
295
- list-style: none;
296
-
297
- margin: 0;
298
-
299
- padding: 0;
300
-
301
- }
302
-
303
- h1, h2, h3, h4 {
304
-
305
- font-weight: normal;
306
-
307
- }
308
-
309
-
310
-
311
- /* ;;;;;;;;;;;;;;;;;;;;;;;
312
-
313
- 共通
314
-
315
- ;;;;;;;;;;;;;;;;;;;;;;;*/
316
-
317
-
318
-
319
- .p_14 {
320
-
321
- font-size: 1.4rem;
322
-
323
- }
324
-
325
-
326
-
327
- .mb05{
328
-
329
- margin-bottom: .5em;
330
-
331
- }
332
-
333
-
334
-
335
- .mb1{
336
-
337
- margin-bottom: 1em;
338
-
339
- }
340
-
341
-
342
-
343
- .mb2{
344
-
345
- margin-bottom: 2em;
346
-
347
- }
348
-
349
-
350
-
351
- .mb3{
352
-
353
- margin-bottom: 3em;
354
-
355
- }
356
-
357
-
358
-
359
- .mb4{
360
-
361
- margin-bottom: 4em;
362
-
363
- }
364
-
365
-
366
-
367
- .mb5{
368
-
369
- margin-bottom: 5em;
370
-
371
- }
372
-
373
- /* ;;;;;;;;;;;;;;;;;;;;;;;
374
-
375
- 構造
376
-
377
- ;;;;;;;;;;;;;;;;;;;;;;;*/
378
-
379
-
380
-
381
- header {
382
-
383
- width: 1110px;
384
-
385
- margin: 0 auto;
386
-
387
- }
388
-
389
- .container {
390
-
391
- width: 1110px;
392
-
393
- margin: 0 auto;
394
-
395
- }
396
-
397
- .main {
398
-
399
- width: 75%;
400
-
401
- margin-bottom: 40px;
402
-
403
- float: left;
404
-
405
- }
406
-
407
- .side {
408
-
409
- width: 25%;
410
-
411
- float: right;
412
-
413
- }
414
-
415
- .footer_bg {
416
-
417
- background-image: url("../images/footer_bg.png");
418
-
419
- background-repeat: repeat;
420
-
421
- min-width:1110px;
422
-
423
- border-bottom: solid 20px #85D0C5;
424
-
425
- }
426
-
427
- .wrapper {
428
-
429
- background-color: #ffffff;
430
-
431
- color: #4D4D4D;
432
-
433
- line-height: 170%;
434
-
435
- font-size: 1.4rem;
436
-
437
- }
438
-
439
- /* ナビ */
440
-
441
- nav {
442
-
443
- font: 18px/1.7 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ","MS Pゴシック",Helvetica,Sans-Serif;
444
-
445
- width: 1110px;
446
-
447
- height: 65px;
448
-
449
- border: 2px dashed #46B793;
450
-
451
- position: fixed;
452
-
453
- z-index: 99999;
454
-
455
- }
456
-
457
-
458
-
459
- /* 親メニュー - Parent nav */
460
-
461
- nav > ul > li {
462
-
463
- position: relative;
464
-
465
- float: left;
466
-
467
- margin-right: 45px;
468
-
469
- }
470
-
471
- nav a {
472
-
473
- color: #0bd;
474
-
475
- text-decoration: none;
476
-
477
- }
478
-
479
- nav ul a:hover {
480
-
481
- color: #0090aa;
482
-
483
- }
484
-
485
-
486
-
487
- /* 子メニュー - .sub-menu */
488
-
489
- nav .sub-menu {
490
-
491
- position: absolute;
492
-
493
- width: 180px;
494
-
495
- background: #0bd;
496
-
497
- top: 30px;
498
-
499
- display: none;
500
-
501
- }
502
-
503
- nav .sub-menu a {
504
-
505
- color: #fff;
506
-
507
- padding: 10px 15px;
508
-
509
- display: block;
510
-
511
- }
512
-
513
- nav .sub-menu a:hover {
514
-
515
- color: #fff;
516
-
517
- }
518
-
519
-
520
-
521
- /* ホバー&フォーカスで子メニュー表示 */
522
-
523
- /* Display sub menu by hover & focus */
524
-
525
- nav .menu-item-has-children:hover ul,
526
-
527
- nav .menu-item-has-children ul.focused {
528
-
529
- display: block;
530
-
531
- }
532
-
533
- nav li.menu-item-has-children li a:hover,
534
-
535
- nav li.menu-item-has-children li a:focus {
536
-
537
- background: #0090aa;
538
-
539
- }
540
-
541
- nav .menu-item-has-children:hover ul,
542
-
543
- nav .menu-item-has-children ul.focused {
544
-
545
- display: block;
546
-
547
- }
548
-
549
- nav li.menu-item-has-children li a:hover,
550
-
551
- nav li.menu-item-has-children li a:focus {
552
-
553
- background: #0090aa;
554
-
555
- }
556
-
557
- .top_img {
558
-
559
- max-width:1110px;
560
-
561
- margin: 0 auto;
562
-
563
- min-height: 370px;
564
-
565
- }
566
-
567
- .top_img img {
568
-
569
- width: 1110px;
570
-
571
- height: 370px;
572
-
573
- }
574
-
575
- .top_img_bg {
576
-
577
- background-image: url("../images/top_bg.svg");
578
-
579
- background-repeat:repeat;
580
-
581
- }
582
-
583
- ```

1

コードをマークダウン記法のコードブロックにいれました

2020/08/05 23:44

投稿

yuinana123
yuinana123

スコア1

test CHANGED
File without changes
test CHANGED
@@ -26,6 +26,8 @@
26
26
 
27
27
 
28
28
 
29
+ ```ここに言語を入力
30
+
29
31
  <!DOCTYPE html>
30
32
 
31
33
  <html lang="ja">
@@ -210,11 +212,13 @@
210
212
 
211
213
 
212
214
 
213
-
214
-
215
-
216
-
217
- ★CSS
215
+ ```
216
+
217
+
218
+
219
+
220
+
221
+ ★CSS```ここに言語を入力
218
222
 
219
223
  @charset "utf-8";
220
224
 
@@ -575,3 +579,5 @@
575
579
  background-repeat:repeat;
576
580
 
577
581
  }
582
+
583
+ ```