質問: テーブルのセルに画像をピッタリ表示するには よろしくお願いします。 テーブルの以下のタグ並びで、 ![]()の部分の画像jpgを、枠にピッタリ表示したいのです。 以前作った他のhtmlファイルでは、画像のサイズに変化があっても、自動的に枠にピッタリ表示でき、 同じ通りタグを書いたはずなのですが、 なぜか?今回は、この画像が、 一行二列目の枠(これが大きくなってしまう) のその左端寄りに、幅よりも小さく浮いたように表示されてしまいます。(枠の右側に不要な余白ができてしまう) 枠や画像のサイズを固定しても同じです。 この画像の枠以外は、画像ではなくテキストです。 うまくいかないのはなぜなのでしょう? どこに間違いがあるのでしょうか、教えてください、お願いいたします。 | | | | --- | --- | | 一行一列目 | 1行二列目~ココの部分~ | | 2行一列 | | 3行一列 | | 4行一列目 | 4行二列目 | | 5行一列 | | 6行一列 |
回答: >のその左端寄りに、幅よりも小さく浮いたように表示されてしまいます。(枠の右側に不要な余白ができてしまう) まず画像の左に浮いたようなものが出来てしまうのは「cellpadding="5"」が原因ではないですか? >(枠の右側に不要な余白ができてしまう) >枠や画像のサイズを固定しても同じです。 たぶんですが「table width="85%"」が原因かと、とにかくテーブルの表示が画面表示の85%になってればokと書いてますから。 「1行二列目~ココの部分~」に画像を入れて、その左の枠に文字を2行目になるまでいっぱい入れれば画像を入れてる枠がぴったりになると思いますよ。 画像が360*240サイズとして枠のサイズを固定なら 以下の構文ではどうでしょうか? | | | | --- | --- | | 一行一列目 | | | 2行一列 | | 3行一列 | | 4行一列目 | 4行二列目 | | 5行一列 | | 6行一列 | ※height="76"なのは、枠線の太さを「cellspacing="5"」としているため、(240-(5*2))/3=76.6のため