質問編集履歴

3

修正

2020/06/15 02:18

投稿

asuk
asuk

スコア1

test CHANGED
File without changes
test CHANGED
@@ -10,7 +10,7 @@
10
10
 
11
11
 
12
12
 
13
-
13
+ ```
14
14
 
15
15
 
16
16
 
@@ -853,3 +853,9 @@
853
853
  </body>
854
854
 
855
855
  </html>
856
+
857
+
858
+
859
+
860
+
861
+ ```

2

誤字

2020/06/15 02:18

投稿

asuk
asuk

スコア1

test CHANGED
File without changes
test CHANGED
@@ -1,3 +1,19 @@
1
+ ![イメージ説明](a62aa0f25d3d08e72f3acc643a3eb1f6.jpeg)
2
+
3
+ スライダーをこう表示したいのですが、
4
+
5
+ 真ん中のひとつしか表示されず、矢印も作動しません。
6
+
7
+ 何度か更新すれば、正しく表示されることもあるのですが、
8
+
9
+ どこか修正点があれば教えてください。
10
+
11
+
12
+
13
+
14
+
15
+
16
+
1
17
  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
2
18
 
3
19
  <html lang="ja">
@@ -46,238 +62,214 @@
46
62
 
47
63
 
48
64
 
65
+
66
+
67
+
68
+
69
+
70
+
71
+ .btn-flat-border {
72
+
73
+ display: inline-block;
74
+
75
+ padding: 1em 1.5em;
76
+
77
+ text-decoration: none;
78
+
79
+ color: #666666;
80
+
81
+ border: solid 2px #f3d3b8;
82
+
83
+ border-radius: 3px;
84
+
85
+ transition: .4s;
86
+
87
+ }
88
+
89
+
90
+
91
+ .btn-flat-border:hover {
92
+
93
+ background: #f3d3b8;
94
+
95
+ color: #666666;
96
+
97
+ }
98
+
99
+
100
+
101
+
102
+
103
+ .sample-text1 {
104
+
105
+ animation: fadeIn 4s ease 0s 1 normal;
106
+
107
+ -webkit-animation: fadeIn 4s ease 0s 1 normal;
108
+
109
+ }
110
+
111
+
112
+
113
+
114
+
115
+ @media screen and (max-width:639px) {
116
+
117
+
118
+
119
+ img {
120
+
121
+ width: auto;
122
+
123
+ max-width: 100%;
124
+
125
+ height: auto;
126
+
127
+ }
128
+
129
+
130
+
131
+ table {
132
+
133
+ width: 100%;
134
+
135
+ }
136
+
137
+
138
+
49
139
  h1 {
50
140
 
51
- color:#666666;
141
+ font-size:16px;
142
+
52
-
143
+ }
144
+
145
+
146
+
147
+ h2 {
148
+
149
+ font-size:14px;
150
+
151
+ }
152
+
153
+
154
+
155
+
156
+
157
+ span {
158
+
159
+ font-size:12px;
160
+
161
+ line-height:1.9em;
162
+
163
+ letter-spacing:0.1em;
164
+
165
+ }
166
+
167
+
168
+
169
+ div p {
170
+
53
- padding: .0 0 .25em .25em;
171
+ display: inline-block;
172
+
54
-
173
+ text-align: left;
174
+
175
+ width: 95%
176
+
177
+ }
178
+
179
+
180
+
181
+
182
+
183
+
184
+
185
+ /* swiperのサイズ */
186
+
187
+
188
+
189
+ .swiper-container {
190
+
191
+ width: 100%;
192
+
193
+ height: auto;
194
+
195
+ }
196
+
197
+
198
+
199
+
200
+
201
+
202
+
203
+ }
204
+
205
+
206
+
207
+
208
+
55
- border-bottom: solid 1px #666666;
209
+ @media screen and (min-width:1024px) {
210
+
211
+
212
+
213
+ span {
214
+
215
+ line-height:2em;
216
+
217
+ letter-spacing:0.1em;
218
+
219
+ }
220
+
221
+
222
+
223
+
224
+
225
+
226
+
227
+
228
+
229
+
230
+
231
+ /* swiperのサイズ */
232
+
233
+
234
+
235
+ .swiper-container {
236
+
237
+ width: 1000px;
238
+
239
+ height: 150px;
240
+
241
+ }
242
+
243
+
244
+
245
+
246
+
247
+
248
+
249
+
250
+
251
+
252
+
253
+
254
+
255
+
256
+
257
+ }
258
+
259
+
260
+
261
+
262
+
263
+
264
+
265
+
266
+
267
+ .container {
268
+
269
+ font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
56
270
 
57
271
  text-align: center;
58
272
 
59
- font-family: sans-serif;
60
-
61
- }
62
-
63
-
64
-
65
- h2 {
66
-
67
- color:#666666;
68
-
69
- text-align: center;
70
-
71
- font-family: sans-serif;
72
-
73
- }
74
-
75
-
76
-
77
-
78
-
79
- .btn-flat-border {
80
-
81
- display: inline-block;
82
-
83
- padding: 1em 1.5em;
84
-
85
- text-decoration: none;
86
-
87
- color: #666666;
88
-
89
- border: solid 2px #f3d3b8;
90
-
91
- border-radius: 3px;
92
-
93
- transition: .4s;
94
-
95
- }
96
-
97
-
98
-
99
- .btn-flat-border:hover {
100
-
101
- background: #f3d3b8;
102
-
103
- color: #666666;
104
-
105
- }
106
-
107
-
108
-
109
-
110
-
111
- .sample-text1 {
112
-
113
- animation: fadeIn 4s ease 0s 1 normal;
114
-
115
- -webkit-animation: fadeIn 4s ease 0s 1 normal;
116
-
117
- }
118
-
119
-
120
-
121
-
122
-
123
- @media screen and (max-width:639px) {
124
-
125
-
126
-
127
- img {
128
-
129
- width: auto;
130
-
131
- max-width: 100%;
132
-
133
- height: auto;
134
-
135
- }
136
-
137
-
138
-
139
- table {
140
-
141
- width: 100%;
142
-
143
- }
144
-
145
-
146
-
147
- h1 {
148
-
149
- font-size:16px;
150
-
151
- }
152
-
153
-
154
-
155
- h2 {
156
-
157
- font-size:14px;
158
-
159
- }
160
-
161
-
162
-
163
-
164
-
165
- span {
166
-
167
- font-size:12px;
168
-
169
- line-height:1.9em;
170
-
171
- letter-spacing:0.1em;
172
-
173
- }
174
-
175
-
176
-
177
- div p {
178
-
179
- display: inline-block;
180
-
181
- text-align: left;
182
-
183
- width: 95%
184
-
185
- }
186
-
187
-
188
-
189
-
190
-
191
-
192
-
193
- /* swiperのサイズ */
194
-
195
-
196
-
197
- .swiper-container {
198
-
199
- width: 100%;
200
-
201
- height: auto;
202
-
203
- }
204
-
205
-
206
-
207
-
208
-
209
-
210
-
211
- }
212
-
213
-
214
-
215
-
216
-
217
- @media screen and (min-width:1024px) {
218
-
219
-
220
-
221
- span {
222
-
223
- line-height:2em;
224
-
225
- letter-spacing:0.1em;
226
-
227
- }
228
-
229
-
230
-
231
-
232
-
233
-
234
-
235
-
236
-
237
-
238
-
239
- /* swiperのサイズ */
240
-
241
-
242
-
243
- .swiper-container {
244
-
245
- width: 1000px;
246
-
247
- height: 150px;
248
-
249
- }
250
-
251
-
252
-
253
-
254
-
255
-
256
-
257
-
258
-
259
-
260
-
261
-
262
-
263
-
264
-
265
- }
266
-
267
-
268
-
269
-
270
-
271
-
272
-
273
-
274
-
275
- .container {
276
-
277
- font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
278
-
279
- text-align: center;
280
-
281
273
  padding-top: 40px;
282
274
 
283
275
  }
@@ -434,35 +426,17 @@
434
426
 
435
427
 
436
428
 
437
-
438
-
439
-
440
-
441
- <div class="swiper-container">
442
-
443
- <div class="swiper-wrapper">
429
+ <div class="animation">
444
-
445
- <div class="swiper-slide"><a href="" target="_blank"><img src="" alt=""></a></div>
430
+
446
-
447
- <div class="swiper-slide"><a href="" target="_blank"><img src="" alt=""></a></div>
448
-
449
- <div class="swiper-slide"><a href="" target="_blank"><img src="" alt=""></a></div>
450
-
451
- <div class="swiper-slide"><a href="" target="_blank"><img src="" alt=""></a></div>
452
-
453
- <div class="swiper-slide"><a href="" target="_blank"><img src="" alt=""></a></div>
454
-
455
- <div class="swiper-slide"><a href="" target="_blank"><img src="" alt=""></a></div>
456
-
457
-
458
-
459
-
460
-
461
- </div>
462
-
463
- <div class="swiper-button-prev swiper-button-black"></div>
464
-
465
- <div class="swiper-button-next swiper-button-black"></div>
431
+ <p class="ifont" align="center" >
432
+
433
+ <span style= 'font-size:3'>
434
+
435
+
436
+
437
+
438
+
439
+
466
440
 
467
441
  </div>
468
442
 
@@ -474,39 +448,9 @@
474
448
 
475
449
 
476
450
 
477
-
478
-
479
-
480
-
481
-
482
-
483
-
484
-
485
-
486
-
487
-
488
-
489
-
490
-
491
-
492
-
493
-
494
-
495
-
496
-
497
-
498
-
499
- <div class="animation">
500
-
501
- <p class="ifont" align="center" >
502
-
503
- <span style= 'font-size:3'>
451
+ </td></tr></table>
452
+
504
-
453
+ </td></tr></table>
505
-
506
-
507
-
508
-
509
-
510
454
 
511
455
  </div>
512
456
 
@@ -514,20 +458,6 @@
514
458
 
515
459
 
516
460
 
517
-
518
-
519
-
520
-
521
- </td></tr></table>
522
-
523
- </td></tr></table>
524
-
525
- </div>
526
-
527
-
528
-
529
-
530
-
531
461
  <!-- スクロール ふわっと表示 -->
532
462
 
533
463
  <script>

1

誤字

2020/06/14 10:47

投稿

asuk
asuk

スコア1

test CHANGED
File without changes
test CHANGED
@@ -688,7 +688,7 @@
688
688
 
689
689
 
690
690
 
691
- <p id="page-top" align="right"><a href="http://www.rakuten.ne.jp/gold/woody-h/"><font size="3">TOPへ戻る</font></a></p>
691
+ <p id="page-top" align="right"><a href=""><font size="3">TOPへ戻る</font></a></p>
692
692
 
693
693
 
694
694