- ベストアンサー
テキストボックス内に画像を固定背景として表示させるには
HPビルダーV9でrows="12" cols="60"のテキストボックス内に同じサイズの画像を挿入すると、 ページ編集画面では全体に表示されるのですが、 プレビューすると画像が左側に半分以上ずれてしまいます。 プレビューでもテキストボックス内に画像全体表示させるにはどうすれば良いのでしょうか? 教えてください、宜しくお願いします。 同じサイズの画像は文字サイズが9ポイントなので、 9ポイントの文字を60文字で12行の文字のjpgファイルを作りました。
- みんなの回答 (3)
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 スタイルシートを使ってみてはどうでしょう? 下記の手順で試してみてください。 1.テキストボックスを選択し、属性の変更ボタンをクリックします。 (または編集→属性の変更) 2.右下にある [スタイル] ボタンをクリックします。 3.[現在のタグのみにスタイルを設定] という項目にある [編集(4)] ボタンをクリックします。 4.[色と背景] タブをクリックします。 5.背景画像の [参照] ボタンをクリックし、使用する背景画像を開きます。 6.[属性(A)] の [繰り返し] と [張り込み] のところを必要に応じてチェックを入れます。 7.OKをクリックして閉じます。 これでどうでしょうか?
その他の回答 (2)
- supokku33
- ベストアンサー率77% (34/44)
こんにちは。 貼り付ける背景画像の実物を見てみないと、原因がハッキリ分かりませんが、 画像サイズを少し大きくしても同じですか?
お礼
ところで、今まで沢山の質問をして「回答を締め切る」と全員にポイントが入るものとばかり思っていました。 そうでないようで、良回答と特定しないとだめなんですね。 知らない事とはいえ今まで回答してくださった皆様、申し訳ありませんでした。
補足
有難う御座います。挿入の「フォームと入力部品」からテキストボックスの属性を呼び出してTOPページのテキストボックスの下に同様に同じサイズのボックスを作り、 スタイルの設定の「色と背景」で先ず画像を挿入するとボックス内に収まりました。 その際、属性Aの固定も繰り返しはどちらもチェックなしです。 背景が入ったので後はネット上で調べたスタイルシートの固定タグのbackground-attachment:fixed;"> やbackground-repeat:repeat; の繰り返しタグを入れると背景が固定され落ち着いたので、 スクロールバーの色や枠の色やなどのタグをトップページのボックスから一つ一つ確認しながらコピペして書き込むと完成した次第です。 朝から先ほどまでかかってしまいました(苦笑) JPホームページランキングの「子育て、育児」の三等賞にありますので、また見てやってください。 どうも、有難う御座いました。
- supokku33
- ベストアンサー率77% (34/44)
こんにちは。 繰り返しの属性を、[繰り返しなし] に、 張り込みの属性を、[固定] にしても同じですか?
補足
お世話になります、今も朝早くから謎解き頑張ってます。 文字画像は何の事はない左右対称ですから、プレビューしても表示される訳でした。 それでトップページのテキストボックスとは別に新規作成で、 テキストボックスのページを作って色々やってみたら、上下に画像が分かれたので、画像サイズを縦にサイズを増やしてプレビューしたらできたのです。 でもそのタグをトップページに書き込むとうまく行きませんでした。 スクロールバーに色を付けたり背景に色を付けたり左端にGIF画像を入れたりしてるので、だめなのかも知れません。 それでご指摘のように固定、繰り返しなしにして画像を入れると左上に小さく画像の一部分だけしか表示されなくなってしまいました。 background-position:top center;background-attachment:fixed;"> background-repeat:repeat;とかネットで色々調べてタグを書き換えてやってますが、トップページのボックスにうまくいきません。
お礼
どうも有難う御座いました。 インラインフレームでできました。
補足
ちょっと不思議な事が起きてます。 作った文字の画像を[属性(A)]で[繰り返し] と [張り込み]を [固定]にチェックを入れ、プレビューするとTX.BOX全体に表示されてますが、 文字の画像を元にフォトショップで花の画像を切り抜いてほとんど同じサイズの画像を作りました。 文字の画像サイズは537×190 切り抜いた画像サイズは537×191です。 念のため文字の画像に薄く色を付けてやりましたが、正常にBOX全体に表示されます。 それなのに切り抜いた花の絵の画像は真ん中辺りで画像が左右に分かれて表示されます。 何がなんやらわかりません、コンピュータとゆうのはおかしな事があるもんですな。