質問するログイン新規登録

質問編集履歴

1

火曜のhtmlも記入しました。<tr>はどの曜日も9つで、最後の<tr>で全体の高さをそろえたいです。

2019/05/31 07:03

投稿

xminimx
xminimx

スコア53

title CHANGED
File without changes
body CHANGED
@@ -29,7 +29,37 @@
29
29
  </table>
30
30
  </li>
31
31
  <li class="lesson__item">
32
-   <h3 class="lesson__week">火</h3>・・・
32
+ <h3 class="lesson__week">火</h3>
33
+ <table class="lesson__table">
34
+    <tr>
35
+ <th>
36
+ <h4 class="lesson__place">A</h4>
37
+ </th>
38
+ <th>
39
+ <h4 class="lesson__place">B</h4>
40
+ </th>
41
+ </tr>
42
+ <tbody>
43
+ <tr>
44
+ <td>火曜のA</td>
45
+ <td>火曜のB</td>
46
+      </tr>
47
+ <tr>
48
+ <td>火曜の2時間目のA</td>
49
+ <td>(Bは何もなかったり)</td>
50
+      </tr>
51
+ <tr>
52
+ <td>火曜のA</td>
53
+ <td>火曜のB</td>
54
+      </tr>
55
+      (火曜もいくつかレッスンがあるけれど<tr>の数は同じ)
56
+ <tr>
57
+ <td>火曜の最後のA</td>
58
+ <td>火曜の最後のB</td>
59
+ </tr>
60
+ </tbody>
61
+ </table>
62
+ </li>
33
63
  ```
34
64
  いうなれば時間割のような構成が<li><table>を用いて作成されています。
35
65
  今回、時間割の内容に変更があったため修正しているのですが、それぞれの曜日によって授業内容が異なるため、<td>の高さがバラバラになってしまい最後のコマの高さが揃いません。