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

回答編集履歴

6

完結。

2021/03/16 07:30

投稿

退会済みユーザー
answer CHANGED
@@ -14,6 +14,9 @@
14
14
  padding: 0;
15
15
  border: 1px solid #000000;
16
16
  }
17
+ table {
18
+ border-spacing: 0;
19
+ }
17
20
  </style>
18
21
  <div>
19
22
  <table>
@@ -37,4 +40,4 @@
37
40
  </div>
38
41
  ```
39
42
 
40
- ![イメージ説明](27dd3cbdb046ba96bbed4ea650a29ed7.png)
43
+ ![イメージ説明](2093c13dde14beb92a34a4d44cb6253f.png)

5

完結。

2021/03/16 07:30

投稿

退会済みユーザー
answer CHANGED
@@ -12,6 +12,7 @@
12
12
  .border_add {
13
13
  background-color: rgb(253, 233, 217);
14
14
  padding: 0;
15
+ border: 1px solid #000000;
15
16
  }
16
17
  </style>
17
18
  <div>
@@ -36,4 +37,4 @@
36
37
  </div>
37
38
  ```
38
39
 
39
- ![イメージ説明](a3ea00e3edb5fc454e80afa71f28c270.png)
40
+ ![イメージ説明](27dd3cbdb046ba96bbed4ea650a29ed7.png)

4

加筆

2021/03/16 07:23

投稿

退会済みユーザー
answer CHANGED
@@ -34,4 +34,6 @@
34
34
  ?>
35
35
  </table>
36
36
  </div>
37
- ```
37
+ ```
38
+
39
+ ![イメージ説明](a3ea00e3edb5fc454e80afa71f28c270.png)

3

見直し

2021/03/16 07:19

投稿

退会済みユーザー
answer CHANGED
@@ -7,8 +7,6 @@
7
7
  background-color: rgb(235, 241, 222);
8
8
  }
9
9
  .border2 {
10
- border: none;
11
- margin: 0;
12
10
  padding: 0;
13
11
  }
14
12
  .border_add {

2

見直し

2021/03/16 07:18

投稿

退会済みユーザー
answer CHANGED
@@ -1,19 +1,35 @@
1
1
  td要素の外側に余計な要素をおいているからではないかと。
2
+ かつ、ちょっとスタイルシートをいじってpaddingをキャンセルしたり。
2
3
  ```php
4
+ <style>
5
+ .border {
6
+ border: 1px solid #000000;
7
+ background-color: rgb(235, 241, 222);
8
+ }
9
+ .border2 {
10
+ border: none;
11
+ margin: 0;
12
+ padding: 0;
13
+ }
14
+ .border_add {
15
+ background-color: rgb(253, 233, 217);
16
+ padding: 0;
17
+ }
18
+ </style>
3
19
  <div>
4
20
  <table>
5
21
  <tr>
6
- <td class="border" style="border: 1px solid #000000" ><span class="mgr">1</span></td>
22
+ <td class="border"><span class="mgr">1</span></td>
7
- <td class="border" style="border: 1px solid #000000" ><span class="mgr">2</span></td>
23
+ <td class="border"><span class="mgr">2</span></td>
8
- <td class="border" style="border: 1px solid #000000" ><span class="mgr">3</span></td>
24
+ <td class="border"><span class="mgr">3</span></td>
9
25
  </tr>
10
26
  <?php
11
27
  for ($i=0; $i<9; $i++) {
12
28
  ?>
13
29
  <tr>
14
- <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
30
+ <td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
15
- <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
31
+ <td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
16
- <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
32
+ <td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
17
33
  </tr>
18
34
  <?php
19
35
  }

1

見直し

2021/03/16 07:16

投稿

退会済みユーザー
answer CHANGED
@@ -1,11 +1,23 @@
1
1
  td要素の外側に余計な要素をおいているからではないかと。
2
2
  ```php
3
+ <div>
3
- <?php for ($i=0; $i<9; $i++) {?>
4
+ <table>
4
5
  <tr>
6
+ <td class="border" style="border: 1px solid #000000" ><span class="mgr">1</span></td>
7
+ <td class="border" style="border: 1px solid #000000" ><span class="mgr">2</span></td>
8
+ <td class="border" style="border: 1px solid #000000" ><span class="mgr">3</span></td>
9
+ </tr>
10
+ <?php
11
+ for ($i=0; $i<9; $i++) {
12
+ ?>
13
+ <tr>
5
14
  <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
6
15
  <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
7
16
  <td><input type="text" class="border_add" style="border: 1px solid #000000" ><span class="mgr"></span></td>
8
17
  </tr>
18
+ <?php
19
+ }
20
+ ?>
21
+ </table>
9
- <?php }?>
22
+ </div>
10
-
11
23
  ```