質問編集履歴

2

修正しました

2021/07/03 12:59

投稿

free_teku
free_teku

スコア103

test CHANGED
File without changes
test CHANGED
@@ -20,6 +20,18 @@
20
20
 
21
21
 
22
22
 
23
+ 現状
24
+
25
+ ![現状](71a1e2c88039288fc4c9cb9211d3e39e.jpeg)
26
+
27
+ →サイズ表のところです。
28
+
29
+ size,chest,weist,heightが一括りになっている点です。
30
+
31
+ それぞれ、classを付けてwidthで区分しようとしていますが、できていません!!
32
+
33
+
34
+
23
35
 
24
36
 
25
37
 
@@ -182,60 +194,48 @@
182
194
 
183
195
  <thead>
184
196
 
197
+ <tr>
198
+
199
+ <th class="size">Size</th>
200
+
201
+ <th class="chest">Chest</th>
202
+
203
+ <th class="weist">Weist</th>
204
+
205
+ <th class="height">Height</th>
206
+
207
+ </tr>
208
+
209
+ </thead>
210
+
211
+ <tbody>
212
+
185
213
  <tr>
186
214
 
187
- <th class="size">Size</th>
215
+ <th>S</th>
216
+
217
+ <td>99~99</td>
218
+
219
+ <td>99~99</td>
220
+
221
+ <td>99~99</td>
188
222
 
189
223
  </tr>
190
224
 
191
225
  <tr>
192
226
 
193
- <th class="chest">Chest</th>
227
+ <th>M</th>
228
+
229
+ <td>99~99</td>
230
+
231
+ <td>99~99</td>
232
+
233
+ <td>99~99</td>
194
234
 
195
235
  </tr>
196
236
 
197
237
  <tr>
198
238
 
199
- <th class="weist">Weist</th>
200
-
201
- </tr>
202
-
203
- <tr>
204
-
205
- <th class="height">Height</th>
206
-
207
- </tr>
208
-
209
- </thead>
210
-
211
- <tbody>
212
-
213
- <tr>
214
-
215
- <th>S</th>
216
-
217
- <td>99~99</td>
218
-
219
- <td>99~99</td>
220
-
221
- <td>99~99</td>
222
-
223
- </tr>
224
-
225
- <tr>
226
-
227
- <th>M</th>
228
-
229
- <td>99~99</td>
230
-
231
- <td>99~99</td>
232
-
233
- <td>99~99</td>
234
-
235
- </tr>
236
-
237
- <tr>
238
-
239
239
  <th>L</th>
240
240
 
241
241
  <td>99~99</td>
@@ -273,271 +273,3 @@
273
273
  </html>
274
274
 
275
275
  ```
276
-
277
-
278
-
279
- ```SCSS(table.scss=order-size)
280
-
281
- table{
282
-
283
-
284
-
285
- }
286
-
287
-
288
-
289
- .order-table{
290
-
291
- width: 100%;
292
-
293
- margin-bottom: 20px;
294
-
295
- > thead{
296
-
297
- > th{
298
-
299
- padding: 10px;
300
-
301
- border-right:$base-border;
302
-
303
- .th:last-child{
304
-
305
- border-right: none;
306
-
307
- }
308
-
309
- }
310
-
311
-
312
-
313
- .color{
314
-
315
- padding: 10px;
316
-
317
- width: 20%;
318
-
319
- border-right:$base-border ;
320
-
321
- text-align: center;
322
-
323
-
324
-
325
-
326
-
327
-
328
-
329
- }
330
-
331
- .size{
332
-
333
- @extend .color;
334
-
335
- }
336
-
337
- .quantity{
338
-
339
- padding: 10px;
340
-
341
- width: 60%;
342
-
343
- text-align: center;
344
-
345
-
346
-
347
-
348
-
349
- }
350
-
351
- }
352
-
353
- > tbody{
354
-
355
- > tr {
356
-
357
- >td {
358
-
359
- text-align: center;
360
-
361
- border-top: $base-border;
362
-
363
- border-right:$base-border ;
364
-
365
- > td:last-child{
366
-
367
- border-right: none;
368
-
369
- }
370
-
371
- >select{
372
-
373
- width: 100%;
374
-
375
- padding: 0 10px;
376
-
377
- border: $base-border;
378
-
379
- -moz-appearance: menulist;/*ボタンダウン課題*/
380
-
381
- -webkit-appearance: menulist;/*ボタンダウン課題*/
382
-
383
- }
384
-
385
- }
386
-
387
- }
388
-
389
-
390
-
391
- }
392
-
393
- }
394
-
395
-
396
-
397
- .order-link{
398
-
399
- background-color: #4B4B4B;
400
-
401
- width: 100%;
402
-
403
- height: 54px;
404
-
405
- margin-bottom: 30px;
406
-
407
-
408
-
409
-
410
-
411
- > a{
412
-
413
- display: block;
414
-
415
- text-align: center;
416
-
417
- align-items: center;
418
-
419
- text-transform: uppercase;
420
-
421
- color: #fff;
422
-
423
- line-height: 1;
424
-
425
- padding: 18px 0;
426
-
427
- }
428
-
429
- }
430
-
431
-
432
-
433
- /*サイズテーブル*/
434
-
435
- .size-table{
436
-
437
- border: $base-border;
438
-
439
- width: 100%;
440
-
441
- >thead {
442
-
443
- display: flex;
444
-
445
-
446
-
447
- >tr{
448
-
449
- background-color: #ECEBEB;
450
-
451
-
452
-
453
- >th{
454
-
455
- border-top: $base-border;
456
-
457
- border-right: $base-border;
458
-
459
-
460
-
461
- .size{
462
-
463
- width: 16%;
464
-
465
- }
466
-
467
- .chest{
468
-
469
- width: 28%;
470
-
471
- }
472
-
473
- .weist{
474
-
475
- width: 28%;
476
-
477
- }
478
-
479
- .height{
480
-
481
- width: 28%;
482
-
483
- }
484
-
485
-
486
-
487
- }
488
-
489
-
490
-
491
-
492
-
493
- }
494
-
495
- }
496
-
497
- >tbody{
498
-
499
- >tr{
500
-
501
- text-align: center;
502
-
503
- width: 100%;
504
-
505
- >th{
506
-
507
- width: 16%;
508
-
509
- border-right: $base-border;
510
-
511
- border-bottom: $base-border;
512
-
513
- padding: 10px 0;
514
-
515
- text-align: center;
516
-
517
- }
518
-
519
- >td{
520
-
521
- border-right: $base-border;
522
-
523
- border-bottom: $base-border;
524
-
525
- padding: 10px 0;
526
-
527
- text-align: center;
528
-
529
- }
530
-
531
-
532
-
533
- }
534
-
535
- }
536
-
537
-
538
-
539
- }
540
-
541
-
542
-
543
- ```

1

修正しました

2021/07/03 12:59

投稿

free_teku
free_teku

スコア103

test CHANGED
File without changes
test CHANGED
@@ -20,6 +20,10 @@
20
20
 
21
21
 
22
22
 
23
+
24
+
25
+
26
+
23
27
  ```HTML
24
28
 
25
29
  <head>