ボックスエリアに写真を貼る方法を教えて下さい

質問

以下のボックスエリアの『見出し』の下に、5cm×5cm大の写真を貼り付けたいのですが。

<div style="background-color:#0ff;width:950px;height:200px;overflow:auto;">
<FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT>
<h3>小見出し</h3>
<FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT>
<h3>小見出し</h3>
<FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT>
</DIV>

回答No.1

LHS07 · ベストアンサー

大きさの指定はできません。モニターの大きさによって変わるからです。

お礼

以下のように変更しましたところ、テキスト・エリアに画像の一部が表示されました。画像全体を表示させるにはどうしたらよいでしょうか。

またテキストエリアの右側が空白になっていますが、空白部にも見出し、小見出し、テキストを表示させることはできるでしょうか。

<div style="background-color:#0ff;width:950px;height:200px;overflow:auto;">

<TEXTAREA rows="10" cols="25"style="background-image:url(flower008.jpg);">
</TEXTAREA>

<FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT>
<h3>小見出し</h3>
<FONT STYLE="font-size:5mm" SIZE="5">テキスト</FONT>

補足

たとえば以下のようなテキスト・エリアの背景画像として挿入はできないでしょうか。今試して見たのですが、上部に1cm×5cm大のテキストエリアが表示されましたが、画像は出ませんでした。
<div style="background-color:#0ff;width:950px;height:200px;overflow:auto;">

<textarea {background-image:"flower008.jpg";background-repeat: no-repeat; background-position: top center;width: 300px;height: 300px;}>
</TEXTAREA>

<FONT STYLE="font-size:8mm" COLOR="#808000" SIZE="8">見出し</FONT>
<h3>小見出し</h3>