回答編集履歴
6
完結。
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
|
-

|
5
完結。
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
|
-

|
4
加筆
answer
CHANGED
@@ -34,4 +34,6 @@
|
|
34
34
|
?>
|
35
35
|
</table>
|
36
36
|
</div>
|
37
|
-
```
|
37
|
+
```
|
38
|
+
|
39
|
+

|
3
見直し
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
見直し
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"
|
22
|
+
<td class="border"><span class="mgr">1</span></td>
|
7
|
-
<td class="border"
|
23
|
+
<td class="border"><span class="mgr">2</span></td>
|
8
|
-
<td class="border"
|
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"
|
30
|
+
<td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
|
15
|
-
<td><input type="text" class="border_add"
|
31
|
+
<td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
|
16
|
-
<td><input type="text" class="border_add"
|
32
|
+
<td class="border2"><input type="text" class="border_add"><span class="mgr"></span></td>
|
17
33
|
</tr>
|
18
34
|
<?php
|
19
35
|
}
|
1
見直し
answer
CHANGED
@@ -1,11 +1,23 @@
|
|
1
1
|
td要素の外側に余計な要素をおいているからではないかと。
|
2
2
|
```php
|
3
|
+
<div>
|
3
|
-
|
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
|
-
|
22
|
+
</div>
|
10
|
-
|
11
23
|
```
|