HTML CSS 表示画像のサイズ

質問

表示画像のサイズについて。元の画像サイズはばらばらです。
初歩的な質問ですがよろしくお願いします。

<tr>
<td><img src="images/A.jpg" width="100" height="100" border="2"></td>
<td>コメント</td>
</tr>
<tr>
<td><img src="images/B.jpg" width="100" height="100" border="2"></td>
<td>コメント</td>
</tr>
<tr>
<td><img src="images/C焼.jpg" width="100" height="100" border="2"></td>
<td>コメント</td>
</tr>

これをCSSで書く場合なのですが、

img{
　　width：100
height：100
border：2
}

としたのですが、うまくいきません。なぜでしょうか？

回答No.6

ORUKA1951 · ベストアンサー

CSSでは単位の指定が必要です。
{width：100
height：100
border：2
はあやまり。
width：100px;
height：100px;
border-width：2px;
もちろん
width：100mm
height：100mm
border-width：2mm
という他の単位も使える。

たとえCSSで行うとしても、後方互換のためwidth,heightは記述するほうが良いでしょう。
すなわち、
<tr>
<td><img src="images/A.jpg" width="100" height="100" alt="何とかの画像"></td>
<td>コメント</td>
</tr>
として、CSSで指定する。

ただ、示されたHTMLはどう見ても表ではないようなので、
<ol>
　　<li><img><br>
　　　　説明
　　</li>
</ol>
とすべきの様な気がします。

回答No.5

ayustar

borderの問題２つ（単位がない、線の種類と色が指定されていない）に加えて、各々セミコロンが抜けています。

他の方の記述例にはちゃんと含まれていますが、念のため補足。

回答No.4

0wl

<table>
<tr>
<td><img src="images/A.jpg"></td>
<td>コメント</td>
</tr>
<tr>
<td><img src="images/B.jpg"></td>
<td>コメント</td>
</tr>
<tr>
<td><img src="images/C焼.jpg"></td>
<td>コメント</td>
</tr>
</table>
できればファイル名に大文字や漢字は使わないのが無難です。
ｃｓｓは
img {width:100px;height:100px;border:2px solid black;}
でどうでしょうか？線の色は黒にしました。

線の太さだけでなく、線の形状と色がｃｓｓに必要です。不足していました。
htmlには、<table>～<table>が、細かいことをいうと、imgにはaltも欲しいところですね。

回答No.3

神崎 渉瑠（@taloo）

単位を指定して下さい。

お礼

指定したのですが・・

回答No.2

yyr446

ボーダーの種類指定忘れた
img {width:100px;height:100px;border:2px solid;}
でした。

回答No.1

yyr446

img {width:100px;height:100px;border:2px;}

か、<td>の中だからか？

お礼

<td>の中です。
その場合はどうすればいいのでしょうか？