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

質問編集履歴

1

コードについて現状のものに変更致しました。

2020/12/21 06:18

投稿

20200713
20200713

スコア16

title CHANGED
File without changes
body CHANGED
@@ -4,15 +4,42 @@
4
4
  各画像の縦横比はほぼ同じですが、それぞれのサイズには微妙なズレがあります。
5
5
  ### 該当のソースコード
6
6
  ```html
7
+ <html>
8
+ <head>
9
+ <title>test</title>
10
+ <link rel="stylesheet" href="./css/style_tera.css">
11
+ </head>
12
+ <body>
13
+
14
+ <form name="form1">
15
+ <table class="picTable">
16
+ <tr>
7
- <td><img class="pic_img" src=""></td>
17
+ <td><img class="pic_img" src="http://placehold.jp/346x170.png"></td>
18
+ <td><img class="pic_img" src="http://placehold.jp/346x183.png"></td>
19
+ <td><img class="pic_img" src="http://placehold.jp/340x164.png"></td>
20
+ </tr>
21
+ </table>
22
+ </form>
23
+ </body>
24
+ </html>
25
+
8
26
  ```
9
27
 
10
28
  ```css
29
+ .picTable {
30
+ width: 100%;
31
+ }
11
32
  td{
12
- width:15%;
33
+ width: 15%;
34
+ padding-top: 7.5%;
35
+ position: relative;
13
36
  }
14
37
  .pic_img {
38
+ position: absolute;
15
39
  width: 100%;
40
+ height: 100%;
41
+ top: 0;
42
+ left: 0;
16
43
  }
17
44
  ```
18
45