人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

テキストボックスの中に、特定の画像を表示することってできますか?

●質問者: fm315
●カテゴリ:ウェブ制作
✍キーワード:テキスト ボックス 画像
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● honey_orange
●20ポイント

http://plaza.rakuten.co.jp/kazusaka/7018/#haikeigazou

ボックスの背景1 - かずさかの部屋 - 楽天ブログ(Blog)

背景ということでしょうか?

こちらのサイトは 参考になりますか?

◎質問者からの返答

ありがとうございます。

参考になりそうです。


2 ● chocola
●20ポイント

http://www.tohoho-web.com/css/reference.htm#background2

とほほのスタイルシート入門

テキストボックスが「p」や「div」といった段落なのか、このフォームのような「textarea」を指すのか質問からはわかりませんが、スタイルシートで特定の画像を背景に固定する形で表示をすることができます。

画像がaaa.jpgとすると、

<div style=”background:url(aaa.jpg);background-repeat:no-repeat;”>ここにテキスト</div>

こういうタグを書けばaaa.jpgがテキストの背景に配置されます。

↑のままだと文章分の高さしかありませんのが、幅や高さを追加することでサイズは自在に変更できますし、画像の表示位置も指定できます。

★幅400px高さ300pxでaaa.jpgを中央に1つ表示させる場合

<div style=”width:400px;height:300px;background:url(aaa.jpg);background-repeat:no-repeat;background-position: center center;”>ここにテキスト</div>

参考URLに色々書いてありますのでご参考下さい。

textareaの場合でもstyle=”(中身略)”の部分をtextareaタグに追加してやれば可能です。

◎質問者からの返答

ありがとうございます!

1行のテキストボックスです。


3 ● mfjsk
●20ポイント

http://members.at.infoseek.co.jp/dhtml_s/web_iehtml/iehtml_form....

Dynamic HTML Styling : IE-HTML Form

スタイルシートのbackground-imageで画像を指定して表示することができます。


希望されていることとは違うとは思いますが

2番目にあげているURLのようなデザインも使いようによってはかっこいいと思います。

http://write-off.cside.com/scripts/css/transtext.htm

テキストエリアの背景色を透過

◎質問者からの返答

ありがとうございます!


4 ● bombgirl
●20ポイント

http://www.htmq.com/style/background-image.shtml

background-image-スタイルシートリファレンス

CSSで指定するのが早いと思います。

textarea {

background: #ccc url(画像のアドレス);

}

テキストボックス内いっぱいに画像が表示されます。

画像の指定の仕方はURLが参考になるかとおもいます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ