- ベストアンサー
TABLEのなかに画像を入れたい
<table>の<td>～</td>のなかに以下の条件で画像を入れたいのですができますか？ ・画像は一回だけ使用する（繰り返さない） ・（もしできるようなら）<td>の中の文章量によってサイズが長くなったり短くなったときに画像を自動でサイズを合わせられるようにしたい。 イメージとしてはbackgroundをつかって背景画像を指定。 その画像の上に文章を書いていく。 文章の量によって将来的にはおそらく縦に伸びていってしまうので、そのたびに画像を編集しないですむよう縦長にはなるが、自動で縦横の比率を調整できるようにする。（テーブルと同じサイズにする） です。<body>のなかに画像固定をして入れるのはわかるのですが、<table>ではやり方がわからなくて困っています。（同じようにstyleを使うのでしょうかね？）<table>～</table>の中を簡単に書いていただけると助かります。
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#1です。 素直に、そのままコピー&ペーストされればよいと思いますが。参考↓ <table border=1> <tr> <td align="center" valign="top" width="25%" height="40" style="background-image:url(http://oshiete1.goo.ne.jp/images_goo/goo.gif); background-repeat:no-repeat;background-position:center center;">サンプル</td> </tr> </table>
その他の回答 (2)
- moemode
- ベストアンサー率0% (0/3)
テーブルタグについて説明しているサイトがあるので紹介します！ テーブル（table）タグのページ http://www4.plala.or.jp/htmltag/newpage59.html リンク・画像のページ http://www4.plala.or.jp/htmltag/newpage29.html <td>～</td>の中に画像を入れて表示できますよ （最初は画像サイズが小さい物でチャレンジするといいですよ！ 自分は大きい画像を入れてレイアウトが崩れた経験があるので）
- gura_
- ベストアンサー率44% (749/1683)
たとえばこんな感じですか↓ <table border=1> <tr> <td >・画像は一回だけ使用する</td> <td>（繰り返さない）</td></tr> <tr> <td style="background-image:url(http://oshiete1.goo.ne.jp/images_goo/goo.gif); background-repeat:no-repeat;background-position:center center;"> このような表示は、<br>いかがですか<br> 背景画像幅に合わせて、<br>幅を調整することは出来ません→ </td> <td align=center style="background-image:url(http://oshiete1.goo.ne.jp/images_goo/goo_h1_50b.gif); background-repeat:no-repeat;background-position:center center;"> ----- </td> </tr> </table>
補足
試してみましたが、動きませんでした。 下のように入れてみましたが、画像がまったく読み込まれませんでした。 <td valign="top" width="25%" style="background-image:url(http://oshiete1.goo.ne.jp/images_goo/goo.gif); background-repeat:no-repeat;background-position:center center;">