締切済み

GoLive5 画像の上にテキスト

2005/11/07 16:12

お世話になります。画像の上に、テキストを書くにはどうしたらよいのでしょうか。テキストボックスやフローティングボックスを使って、あるいは他の方法で、テキストを上に載せることができますか？よろしくお願いします。

ramipus
お礼率40% (16/40)

ホームページ作成ソフト
回答数1
ありがとう数0

みんなの回答 （1）
専門家の回答

みんなの回答

s_hukami
ベストアンサー率66% (98/148)

2005/11/08 16:06 回答No.1

方法としては、CSSで記述する方法や、JavaScriptで記述する方法などがあります。が、私はJavaScriptの記述については、少々不得手なので、申し訳ありませんが、参考URLのみ紹介させていただきます。 [とむやん君のJavaScript講座 > その他 >] http://www2s.biglobe.ne.jp/~club_tom/java-kouza/sample/ja-sam_ienn.htm 3番目に画像の上に文字などが表示可能なJavaScriptのサンプルがあります。 1)CSSで記述する方法（画像を背景で表示する） -------------------------------- <html> <head> <style type="text/css"> .image01 { background : url(画像のファイル名) no-repeat; padding: 4px;（←テキストを表示するための余白です。適当に調整してください） width: 画像の横幅;（例：400px） height: 画像の高さ;（例：300px） font-size: 文字のサイズ;（例：20px,12ptなど） } </style> <title>ページのタイトル</title> </head> <div class="image01">任意のテキスト</div> <html> -------------------------------- 表示位置を指定したい場合は、 position: absolute; top: 上からの位置;（例：100px） left: 左からの位置;（例：300px） -------------------------------- などと記述してください。また、topではなくbottom（下からの位置）、right（右からの位置）でも指定できます。

ログインすると、全ての回答が全文表示されます。