質問編集履歴

1

マークアップをtableタグからulタグに変更しました

2016/05/10 08:36

投稿

msx2
msx2

スコア174

test CHANGED
File without changes
test CHANGED
@@ -10,57 +10,51 @@
10
10
 
11
11
  ```HTML
12
12
 
13
- <table class="timg">
13
+ <ul>
14
14
 
15
- <tr>
15
+ <li style="display:inline-block; ">
16
16
 
17
- <th scope="col">画像1</th>
17
+ <label>画像1
18
18
 
19
- <th scope="col">画像2</th>
19
+ <input type="file" id="image_select_1" style="display:none;">
20
20
 
21
- <th scope="col">画像3</th>
21
+ <img src="noimg.gif"></label>
22
22
 
23
- </tr>
23
+ <input type="text" id="image_seq_1" value="1"><br>
24
24
 
25
- <tr>
25
+ <a href="#">画像削除</a>
26
26
 
27
- <td><div class="center"><input type="file" id="image_1" /></div></td>
27
+ </li>
28
28
 
29
- <td><div class="center"><input type="file" id="image_2" /></div></td>
29
+ <li style="display:inline-block; ">
30
30
 
31
- <td><div class="center"><input type="file" id="image_3" /></div></td>
31
+ <label>画像2
32
32
 
33
- </tr>
33
+ <input type="file" id="image_select_2" style="display:none;">
34
34
 
35
- <tr>
35
+ <img src="noimg.gif"></label>
36
36
 
37
- <td>
37
+ <input type="text" id="image_seq_2" value="2"><br>
38
38
 
39
- <div class="center"><img src="noimg.gif" /></div>
39
+ <a href="#">画像削除</a>
40
40
 
41
- <input type="text" id="image_seq_1" value="1">
41
+ </li>
42
42
 
43
- </td>
43
+ <li style="display:inline-block; ">
44
44
 
45
- <td>
45
+ <label>画像3
46
46
 
47
- <div class="center"><img src="noimg.gif" /></div>
47
+ <input type="file" id="image_select_3" style="display:none;">
48
48
 
49
- <input type="text" id="image_seq_2" value="2">
49
+ <img src="noimg.gif"></label>
50
50
 
51
- </td>
51
+ <input type="text" id="image_seq_3" value="3"><br>
52
52
 
53
- <td>
53
+ <a href="#">画像削除</a>
54
54
 
55
- <div class="center"><img src="noimg.gif" /></div>
55
+ </li>
56
56
 
57
- <input type="text" id="image_seq_3" value="3">
58
-
59
- </td>
57
+ </ul>
60
-
61
- </tr>
62
-
63
- </table>
64
58
 
65
59
  ```
66
60