質問編集履歴

1

コードの表示方法と範囲

2016/07/01 12:39

投稿

ishigaki16
ishigaki16

スコア10

test CHANGED
File without changes
test CHANGED
@@ -16,6 +16,26 @@
16
16
 
17
17
  ###該当のソースコード
18
18
 
19
+ ``` <header class="header">
20
+
21
+ <div class="top">
22
+
23
+ <img src="img/imagebanner.png" width="1178" height="390" alt=""/>
24
+
25
+ </div>
26
+
27
+ <div class="digicatalog">
28
+
29
+ <img src="img/dicatalogbtn.png" width="334" height="70" alt=""/>
30
+
31
+ </div>
32
+
33
+ </header>
34
+
35
+ ```
36
+
37
+ ```
38
+
19
39
  @charset "UTF-8";
20
40
 
21
41
  /* CSS Document */
@@ -96,414 +116,150 @@
96
116
 
97
117
  }
98
118
 
119
+
120
+
99
-
121
+ /* tablet */
122
+
100
-
123
+ @media only screen and (min-width: 641px) and (max-width: 960px) {
124
+
125
+ ul, li {
126
+
127
+ list-style: none;
128
+
129
+ }
130
+
131
+
132
+
133
+ h2{
134
+
135
+ margin-top: 80px;
136
+
137
+ }
138
+
139
+
140
+
141
+ img {
142
+
143
+ max-width : 100% ;
144
+
145
+ height : auto ;
146
+
147
+ }
148
+
149
+
150
+
151
+ body {
152
+
153
+ -webkit-text-size-adjust : 100% ;
154
+
155
+ }
156
+
157
+
158
+
101
- .wrapper {
159
+ .header {
102
-
160
+
103
- width: 980px;
161
+ width: 80%;
104
162
 
105
163
  margin: 0 auto;
106
164
 
165
+ width: 1181px;
166
+
107
- }
167
+ }
108
-
109
-
110
-
168
+
169
+
170
+
111
- .main {
171
+ .top {
172
+
112
-
173
+ position:relative;
174
+
175
+ width: 1181px;
176
+
177
+ top: 0;
178
+
179
+ }
180
+
181
+
182
+
183
+ .digicatalog {
184
+
185
+ position: absolute;
186
+
187
+ width: 1181px;
188
+
189
+ top: 255px;
190
+
191
+ left: 820px;
192
+
193
+ }
194
+
195
+
196
+
197
+ /* smartPhone */
198
+
199
+ @media screen and (max-width: 640px) {
200
+
201
+ ul, li {
202
+
203
+ list-style: none;
204
+
205
+ }
206
+
207
+
208
+
209
+ h2{
210
+
211
+ margin-top: 80px;
212
+
213
+ }
214
+
215
+
216
+
217
+ img {
218
+
219
+ max-width : 100% ;
220
+
221
+ height : auto ;
222
+
223
+ }
224
+
225
+
226
+
227
+ body {
228
+
229
+ -webkit-text-size-adjust : 100% ;
230
+
231
+ }
232
+
233
+
234
+
235
+ .header {
236
+
113
- width: 100%;
237
+ width: 80%;
114
-
115
- display: block;
116
238
 
117
239
  margin: 0 auto;
118
240
 
119
- text-align:center;
241
+ width: 1181px;
120
-
242
+
121
- }
243
+ }
122
-
123
-
124
-
244
+
245
+
246
+
125
- .menubutton {
247
+ .top {
248
+
126
-
249
+ position:relative;
250
+
127
- margin-top: 50px;
251
+ width: 1181px;
252
+
128
-
253
+ top: 0;
254
+
129
- }
255
+ }
130
-
131
-
132
-
133
- .menuleft {
256
+
134
-
135
- margin-right: 5px;
257
+
136
-
137
- }
258
+
138
-
139
-
140
-
141
- .menuright {
142
-
143
- float: left;
144
-
145
- }
146
-
147
-
148
-
149
- .slides {
150
-
151
- width: 209px;
152
-
153
- height: 474px;
154
-
155
- float: left;
156
-
157
- display: block;
259
+ .digicatalog {
158
-
159
- margin-left: 10px;
160
-
161
- margin-right: 10px;
162
-
163
- }
164
-
165
-
166
-
167
- .caroufredsel_wrapper {
168
-
169
- position: relative;
170
-
171
- width: 1030px;
172
-
173
- height: 474px;
174
-
175
- margin: 0 auto;
176
-
177
- }
178
-
179
-
180
-
181
- .prev {
182
260
 
183
261
  position: absolute;
184
262
 
185
- top: 1160px;
186
-
187
- left: 220px;
188
-
189
- }
190
-
191
-
192
-
193
- .next {
194
-
195
- position: absolute;
196
-
197
- top: 1160px;
198
-
199
- right: 235px;
200
-
201
- }
202
-
203
-
204
-
205
-
206
-
207
- h2 .midashi2{
208
-
209
- clear: both;
210
-
211
- }
212
-
213
-
214
-
215
- .cute {
216
-
217
- width: 980px;
218
-
219
- height: 655px;
220
-
221
- background-image: url(../img/bg_cute.png);
222
-
223
- background-repeat: no-repeat;
224
-
225
- }
226
-
227
-
228
-
229
- .cute1 {
230
-
231
- padding-top: 50px;
232
-
233
- padding-right: 120px;
234
-
235
- }
236
-
237
-
238
-
239
- .cute2 {
240
-
241
- padding-top: 55px;
242
-
243
- padding-right: 115px;
244
-
245
- }
246
-
247
-
248
-
249
- .modern {
250
-
251
- width: 981px;
252
-
253
- height: 786px;
254
-
255
- background-image: url(../img/bg_modern.png);
256
-
257
- background-repeat: no-repeat;
258
-
259
- }
260
-
261
-
262
-
263
- .modern1 {
264
-
265
- padding-top: 20px;
266
-
267
- padding-right: 120px;
268
-
269
- }
270
-
271
-
272
-
273
- .modern2 {
274
-
275
- padding-top: 55px;
276
-
277
- padding-right: 115px;
278
-
279
- }
280
-
281
-
282
-
283
- .modern3 {
284
-
285
- padding-top: 5px;
286
-
287
- }
288
-
289
-
290
-
291
- .kodawari {
292
-
293
- width: 980px;
294
-
295
- height: 753px;
296
-
297
- background-image: url(../img/bg_kodawari.png);
298
-
299
- background-repeat: no-repeat;
300
-
301
- }
302
-
303
-
304
-
305
- .kodawari1 {
306
-
307
- padding-top: 30px;
308
-
309
- padding-right: 120px;
310
-
311
- }
312
-
313
-
314
-
315
- .kodawari2 {
316
-
317
- padding-top: 55px;
318
-
319
- padding-right: 115px;
320
-
321
- }
322
-
323
-
324
-
325
- .kodawari3 {
326
-
327
- padding-top: 5px;
328
-
329
- padding-left: 100px;
330
-
331
- }
332
-
333
-
334
-
335
- .shittori {
336
-
337
- width: 980px;
338
-
339
- height: 695px;
340
-
341
- margin-top: 30px;
342
-
343
- background-image: url(../img/bg_shittori.png);
344
-
345
- background-repeat: no-repeat;
346
-
347
- }
348
-
349
-
350
-
351
- .shittori1 {
352
-
353
- padding-top: 30px;
354
-
355
- padding-right: 120px;
356
-
357
- }
358
-
359
-
360
-
361
- .shittori2 {
362
-
363
- padding-top: 55px;
364
-
365
- padding-right: 115px;
366
-
367
- padding-left: 280px;
368
-
369
- }
370
-
371
-
372
-
373
- .mens {
374
-
375
- width: 980px;
376
-
377
- height: 450px;
378
-
379
- margin-bottom: 200px;
380
-
381
- background-image: url(../img/bg_mens.png);
382
-
383
- background-repeat: no-repeat;
384
-
385
- }
386
-
387
-
388
-
389
- .mens1 {
390
-
391
- padding-top: 35px;
392
-
393
- padding-right: 300px;
394
-
395
- }
396
-
397
-
398
-
399
- .mens2 {
400
-
401
- padding-top: 30px;
402
-
403
- padding-right: 125px;
404
-
405
- }
406
-
407
-
408
-
409
- .footer {
410
-
411
- width: 80%;
412
-
413
- margin: 0 auto;
414
-
415
- width: 1181px;
416
-
417
- height: 200px;
418
-
419
- margin-top: 120px;
420
-
421
- background-image: url(../img/bg_footer.png);
422
-
423
- background-repeat: no-repeat;
424
-
425
- }
426
-
427
-
428
-
429
- .footerbuttons {
430
-
431
- padding-top: 60px;
432
-
433
- padding-left: 300px;
434
-
435
- }
436
-
437
- }
438
-
439
-
440
-
441
- /* tablet */
442
-
443
- @media only screen and (min-width: 641px) and (max-width: 960px) {
444
-
445
- ul, li {
446
-
447
- list-style: none;
448
-
449
- }
450
-
451
-
452
-
453
- h2{
454
-
455
- margin-top: 80px;
456
-
457
- }
458
-
459
-
460
-
461
- img {
462
-
463
- max-width : 100% ;
464
-
465
- height : auto ;
466
-
467
- }
468
-
469
-
470
-
471
- body {
472
-
473
- -webkit-text-size-adjust : 100% ;
474
-
475
- }
476
-
477
-
478
-
479
- .header {
480
-
481
- width: 80%;
482
-
483
- margin: 0 auto;
484
-
485
- width: 1181px;
486
-
487
- }
488
-
489
-
490
-
491
- .top {
492
-
493
- position:relative;
494
-
495
- width: 1181px;
496
-
497
- top: 0;
498
-
499
- }
500
-
501
-
502
-
503
- .digicatalog {
504
-
505
- position: absolute;
506
-
507
263
  width: 1181px;
508
264
 
509
265
  top: 255px;
@@ -512,758 +268,4 @@
512
268
 
513
269
  }
514
270
 
515
-
516
-
517
- .wrapper {
518
-
519
- width: 980px;
520
-
521
- margin: 0 auto;
522
-
523
- }
524
-
525
-
526
-
527
- .main {
528
-
529
- width: 100%;
530
-
531
- display: block;
532
-
533
- margin: 0 auto;
534
-
535
- text-align:center;
536
-
537
- }
538
-
539
-
540
-
541
- .menubutton {
542
-
543
- margin-top: 50px;
544
-
545
- }
546
-
547
-
548
-
549
- .menuleft {
550
-
551
- margin-right: 5px;
552
-
553
- }
554
-
555
-
556
-
557
- .menuright {
558
-
559
- float: left;
560
-
561
- }
562
-
563
-
564
-
565
- .slides {
566
-
567
- width: 209px;
568
-
569
- height: 474px;
570
-
571
- float: left;
572
-
573
- display: block;
574
-
575
- margin-left: 10px;
576
-
577
- margin-right: 10px;
578
-
579
- }
580
-
581
-
582
-
583
- .caroufredsel_wrapper {
584
-
585
- position: relative;
586
-
587
- width: 1030px;
588
-
589
- height: 474px;
590
-
591
- margin: 0 auto;
592
-
593
- }
594
-
595
-
596
-
597
- .prev {
598
-
599
- position: absolute;
600
-
601
- top: 1160px;
602
-
603
- left: 220px;
604
-
605
- }
606
-
607
-
608
-
609
- .next {
610
-
611
- position: absolute;
612
-
613
- top: 1160px;
614
-
615
- right: 235px;
616
-
617
- }
618
-
619
-
620
-
621
-
622
-
623
- h2 .midashi2{
624
-
625
- clear: both;
626
-
627
- }
628
-
629
-
630
-
631
- .cute {
632
-
633
- width: 980px;
634
-
635
- height: 655px;
636
-
637
- background-image: url(../img/bg_cute.png);
638
-
639
- background-repeat: no-repeat;
640
-
641
- }
642
-
643
-
644
-
645
- .cute1 {
646
-
647
- padding-top: 50px;
648
-
649
- padding-right: 120px;
650
-
651
- }
652
-
653
-
654
-
655
- .cute2 {
656
-
657
- padding-top: 55px;
658
-
659
- padding-right: 115px;
660
-
661
- }
662
-
663
-
664
-
665
- .modern {
666
-
667
- width: 981px;
668
-
669
- height: 786px;
670
-
671
- background-image: url(../img/bg_modern.png);
672
-
673
- background-repeat: no-repeat;
674
-
675
- }
676
-
677
-
678
-
679
- .modern1 {
680
-
681
- padding-top: 20px;
682
-
683
- padding-right: 120px;
684
-
685
- }
686
-
687
-
688
-
689
- .modern2 {
690
-
691
- padding-top: 55px;
692
-
693
- padding-right: 115px;
694
-
695
- }
696
-
697
-
698
-
699
- .modern3 {
700
-
701
- padding-top: 5px;
702
-
703
- }
704
-
705
-
706
-
707
- .kodawari {
708
-
709
- width: 980px;
710
-
711
- height: 753px;
712
-
713
- background-image: url(../img/bg_kodawari.png);
714
-
715
- background-repeat: no-repeat;
716
-
717
- }
718
-
719
-
720
-
721
- .kodawari1 {
722
-
723
- padding-top: 30px;
724
-
725
- padding-right: 120px;
726
-
727
- }
728
-
729
-
730
-
731
- .kodawari2 {
732
-
733
- padding-top: 55px;
734
-
735
- padding-right: 115px;
736
-
737
- }
738
-
739
-
740
-
741
- .kodawari3 {
742
-
743
- padding-top: 5px;
744
-
745
- padding-left: 100px;
746
-
747
- }
748
-
749
-
750
-
751
- .shittori {
752
-
753
- width: 980px;
754
-
755
- height: 695px;
756
-
757
- margin-top: 30px;
758
-
759
- background-image: url(../img/bg_shittori.png);
760
-
761
- background-repeat: no-repeat;
762
-
763
- }
764
-
765
-
766
-
767
- .shittori1 {
768
-
769
- padding-top: 30px;
770
-
771
- padding-right: 120px;
772
-
773
- }
774
-
775
-
776
-
777
- .shittori2 {
778
-
779
- padding-top: 55px;
780
-
781
- padding-right: 115px;
782
-
783
- padding-left: 280px;
784
-
785
- }
786
-
787
-
788
-
789
- .mens {
790
-
791
- width: 980px;
792
-
793
- height: 450px;
794
-
795
- margin-bottom: 200px;
796
-
797
- background-image: url(../img/bg_mens.png);
798
-
799
- background-repeat: no-repeat;
800
-
801
- }
802
-
803
-
804
-
805
- .mens1 {
806
-
807
- padding-top: 35px;
808
-
809
- padding-right: 300px;
810
-
811
- }
812
-
813
-
814
-
815
- .mens2 {
816
-
817
- padding-top: 30px;
818
-
819
- padding-right: 125px;
820
-
821
- }
822
-
823
-
824
-
825
- .footer {
826
-
827
- width: 80%;
828
-
829
- margin: 0 auto;
830
-
831
- width: 1181px;
832
-
833
- height: 200px;
834
-
835
- margin-top: 120px;
836
-
837
- background-image: url(../img/bg_footer.png);
838
-
839
- background-repeat: no-repeat;
840
-
841
- }
842
-
843
-
844
-
845
- .footerbuttons {
846
-
847
- padding-top: 60px;
848
-
849
- padding-left: 300px;
850
-
851
- }
852
-
853
- }
854
-
855
-
856
-
857
- /* smartPhone */
858
-
859
- @media screen and (max-width: 640px) {
860
-
861
- ul, li {
862
-
863
- list-style: none;
864
-
865
- }
866
-
867
-
868
-
869
- h2{
271
+ ```
870
-
871
- margin-top: 80px;
872
-
873
- }
874
-
875
-
876
-
877
- img {
878
-
879
- max-width : 100% ;
880
-
881
- height : auto ;
882
-
883
- }
884
-
885
-
886
-
887
- body {
888
-
889
- -webkit-text-size-adjust : 100% ;
890
-
891
- }
892
-
893
-
894
-
895
- .header {
896
-
897
- width: 80%;
898
-
899
- margin: 0 auto;
900
-
901
- width: 1181px;
902
-
903
- }
904
-
905
-
906
-
907
- .top {
908
-
909
- position:relative;
910
-
911
- width: 1181px;
912
-
913
- top: 0;
914
-
915
- }
916
-
917
-
918
-
919
- .digicatalog {
920
-
921
- position: absolute;
922
-
923
- width: 1181px;
924
-
925
- top: 255px;
926
-
927
- left: 820px;
928
-
929
- }
930
-
931
-
932
-
933
- .wrapper {
934
-
935
- width: 980px;
936
-
937
- margin: 0 auto;
938
-
939
- }
940
-
941
-
942
-
943
- .main {
944
-
945
- width: 100%;
946
-
947
- display: block;
948
-
949
- margin: 0 auto;
950
-
951
- text-align:center;
952
-
953
- }
954
-
955
-
956
-
957
- .menubutton {
958
-
959
- margin-top: 50px;
960
-
961
- }
962
-
963
-
964
-
965
- .menuleft {
966
-
967
- margin-right: 5px;
968
-
969
- }
970
-
971
-
972
-
973
- .menuright {
974
-
975
- float: left;
976
-
977
- }
978
-
979
-
980
-
981
- .slides {
982
-
983
- width: 209px;
984
-
985
- height: 474px;
986
-
987
- float: left;
988
-
989
- display: block;
990
-
991
- margin-left: 10px;
992
-
993
- margin-right: 10px;
994
-
995
- }
996
-
997
-
998
-
999
- .caroufredsel_wrapper {
1000
-
1001
- position: relative;
1002
-
1003
- width: 1030px;
1004
-
1005
- height: 474px;
1006
-
1007
- margin: 0 auto;
1008
-
1009
- }
1010
-
1011
-
1012
-
1013
- .prev {
1014
-
1015
- position: absolute;
1016
-
1017
- top: 1160px;
1018
-
1019
- left: 220px;
1020
-
1021
- }
1022
-
1023
-
1024
-
1025
- .next {
1026
-
1027
- position: absolute;
1028
-
1029
- top: 1160px;
1030
-
1031
- right: 235px;
1032
-
1033
- }
1034
-
1035
-
1036
-
1037
-
1038
-
1039
- h2 .midashi2{
1040
-
1041
- clear: both;
1042
-
1043
- }
1044
-
1045
-
1046
-
1047
- .cute {
1048
-
1049
- width: 980px;
1050
-
1051
- height: 655px;
1052
-
1053
- background-image: url(../img/bg_cute.png);
1054
-
1055
- background-repeat: no-repeat;
1056
-
1057
- }
1058
-
1059
-
1060
-
1061
- .cute1 {
1062
-
1063
- padding-top: 50px;
1064
-
1065
- padding-right: 120px;
1066
-
1067
- }
1068
-
1069
-
1070
-
1071
- .cute2 {
1072
-
1073
- padding-top: 55px;
1074
-
1075
- padding-right: 115px;
1076
-
1077
- }
1078
-
1079
-
1080
-
1081
- .modern {
1082
-
1083
- width: 981px;
1084
-
1085
- height: 786px;
1086
-
1087
- background-image: url(../img/bg_modern.png);
1088
-
1089
- background-repeat: no-repeat;
1090
-
1091
- }
1092
-
1093
-
1094
-
1095
- .modern1 {
1096
-
1097
- padding-top: 20px;
1098
-
1099
- padding-right: 120px;
1100
-
1101
- }
1102
-
1103
-
1104
-
1105
- .modern2 {
1106
-
1107
- padding-top: 55px;
1108
-
1109
- padding-right: 115px;
1110
-
1111
- }
1112
-
1113
-
1114
-
1115
- .modern3 {
1116
-
1117
- padding-top: 5px;
1118
-
1119
- }
1120
-
1121
-
1122
-
1123
- .kodawari {
1124
-
1125
- width: 980px;
1126
-
1127
- height: 753px;
1128
-
1129
- background-image: url(../img/bg_kodawari.png);
1130
-
1131
- background-repeat: no-repeat;
1132
-
1133
- }
1134
-
1135
-
1136
-
1137
- .kodawari1 {
1138
-
1139
- padding-top: 30px;
1140
-
1141
- padding-right: 120px;
1142
-
1143
- }
1144
-
1145
-
1146
-
1147
- .kodawari2 {
1148
-
1149
- padding-top: 55px;
1150
-
1151
- padding-right: 115px;
1152
-
1153
- }
1154
-
1155
-
1156
-
1157
- .kodawari3 {
1158
-
1159
- padding-top: 5px;
1160
-
1161
- padding-left: 100px;
1162
-
1163
- }
1164
-
1165
-
1166
-
1167
- .shittori {
1168
-
1169
- width: 980px;
1170
-
1171
- height: 695px;
1172
-
1173
- margin-top: 30px;
1174
-
1175
- background-image: url(../img/bg_shittori.png);
1176
-
1177
- background-repeat: no-repeat;
1178
-
1179
- }
1180
-
1181
-
1182
-
1183
- .shittori1 {
1184
-
1185
- padding-top: 30px;
1186
-
1187
- padding-right: 120px;
1188
-
1189
- }
1190
-
1191
-
1192
-
1193
- .shittori2 {
1194
-
1195
- padding-top: 55px;
1196
-
1197
- padding-right: 115px;
1198
-
1199
- padding-left: 280px;
1200
-
1201
- }
1202
-
1203
-
1204
-
1205
- .mens {
1206
-
1207
- width: 980px;
1208
-
1209
- height: 450px;
1210
-
1211
- margin-bottom: 200px;
1212
-
1213
- background-image: url(../img/bg_mens.png);
1214
-
1215
- background-repeat: no-repeat;
1216
-
1217
- }
1218
-
1219
-
1220
-
1221
- .mens1 {
1222
-
1223
- padding-top: 35px;
1224
-
1225
- padding-right: 300px;
1226
-
1227
- }
1228
-
1229
-
1230
-
1231
- .mens2 {
1232
-
1233
- padding-top: 30px;
1234
-
1235
- padding-right: 125px;
1236
-
1237
- }
1238
-
1239
-
1240
-
1241
- .footer {
1242
-
1243
- width: 80%;
1244
-
1245
- margin: 0 auto;
1246
-
1247
- width: 1181px;
1248
-
1249
- height: 200px;
1250
-
1251
- margin-top: 120px;
1252
-
1253
- background-image: url(../img/bg_footer.png);
1254
-
1255
- background-repeat: no-repeat;
1256
-
1257
- }
1258
-
1259
-
1260
-
1261
- .footerbuttons {
1262
-
1263
- padding-top: 60px;
1264
-
1265
- padding-left: 300px;
1266
-
1267
- }
1268
-
1269
- }