※ ChatGPTを利用し、要約された質問です(原文:HTML テーブルに画像を貼り付けるときのサイズ)
HTMLテーブルで画像を貼り付ける際のサイズについて
このQ&Aのポイント
HTMLテーブルに画像を貼り付ける際に、画面の横幅を3等分したセルいっぱいに表示する方法について説明します。
テーブルをページいっぱいに広げ、横に3等分してそれぞれのセルに画像を配置する場合、画像のサイズを指定して表示する必要があります。
現在のソースコードでは、IMGタグのWIDTH属性に100%を指定しているため、画像が画面の横幅に合わせて拡大表示されてしまいます。
ページいっぱいに広がるテーブルをひとつ用意し、
それを横に3等分して、それぞれのセルの下部に画像を表示しようと思いました。
しかし、表示してみると、テーブルは画面の横幅よりも広がってしまい、思うとおりに表示できません。
画像の代わりに文字を表示してみると、思った位置に表示できているのですが・・・。
画像を、画面の横幅を3等分したセルいっぱいに表示するにはどうしたらよいのでしょうか?
現在のソース:
<TABLE WIDTH="100%" HEIGHT="100%">
<TR ALIGN="center" VALIGN="bottom">
<TD WIDTH="33%">
<IMG SRC="~~" WIDTH="100%">
</TD>
<TD WIDTH="33%">
<IMG SRC="~~" WIDTH="100%">
</TD>
<TD WIDTH="33%">
<IMG SRC="~~" WIDTH="100%">
</TD>
</TR>
</TABLE>