• 締切済み

GoLive5 画像の上にテキスト

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

みんなの回答

  • s_hukami
  • ベストアンサー率66% (98/148)
回答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(右からの位置)でも指定できます。

関連するQ&A

  • 画像の上にテキストを書く

    お世話になってます。 画像の上にテキストを書くことってできますか? alphaEDIT v2.0.3を使用しているのですが、ぜんぜんできません。 もしそのようなタグがあれば教えてください。 お願いします。

    • ベストアンサー
    • HTML
  • テキストの上に画像

    表の中に商品の料金があります。 その商品が販売された場合、料金(テキスト)の上にSOLDOUT(画像)と表示したいです。 「テキストの下に画像」の方法は見つけたのですが、その逆を見つけることができませんでした。 方法があれば教えてください。

    • ベストアンサー
    • CSS
  • CSS マウスオーバーでテキストの上に画像を表示させるには?

    CSS で hover を使い、マウスオーバーするとリンクのテキストの上に画像を持ってくる(テキストが見えない状態にする)方法というのはありますか? background-image を使うとテキストが見えてしまいます・・ マウスオーバーで 画像1→画像2 と表示させる方法はこちらの他の回答で見つけたのですが、テキスト→画像 と表示させる方法は見つかりませんでした。 よろしくお願いいたします。

    • ベストアンサー
    • HTML
  • Goliveで

    Golive5.0でJPEGなど画像の上にテキストを打ち込みたいのですがどうすればよいのでしょうか? 背景に画像を置いた場合はできるのですが、マップでリンクを貼りたいので、普通に貼った画像の上にテキストで文字をのせるのになにか方法があれば教えてください。

  • ワードのテキストボックスにコピペした画像を消したい

    ワード2003です。 テキストボックスを挿入し、その中に画像をコピペします。 この画像が気に入らないので別の画像に差し替えたいのですが、どうすればよいでしょうか? 画像だけを消すことができません。 テキストボックスごと消すしか方法がないのでしょうか? またテキストボックスを消す方法も、編集→「切り取り」しかできないのでしょうか? よろしくお願いします。

  • Dreamweaverで画像の上テキスト

    Dreamweaverで画像の上にテキストを配置したいのですが、どうしたらよいか分かりません。

  • Golive使ってます。必要以上に下に伸びたテキストボックスの位置を移動させるにはどうしたらいいのでしょうか?

    現在まだ諦め切れない次のアドレス http://www.niche-marketing.jp/sample/hina.htmlのテンプレートの中にある黄緑でホームページを作成中です。 Goliveを使っております。 <ここからはそのテンプレート内での質問です。>  さて、「新着情報など」と書かれた一段目のテキストボックスにテキストを入力していた時の事です。ふと気づくと、テキストボックスが必要以上に下へ長~く伸びてしまっていました。もちろんその下の(2段目)「申込方法など」と書かれた画像とそのテキストボックスも一緒に下へ移動してしまいました。 これではいけないと思い「新着情報など」と書かれたテキストボックス(一段目のテキストボックス)の枠のボトムにカーソルをあて縦⇔矢印が出た所を上にドラッグして何とか一段目だけは元の長さに戻す事ができました。 次にその下の「申し込み方法など」とかかれてある画像とそのテキストボックス(2段目)を同じ方法で元の位置に戻そうと試みました。しかし、びくともしません。移動できません。ドラッグで移動も試みましたが無理でした。 どの様にして2段目の画像(緑色の帯に「申込方法など」と書かれてある物)とそのテキストボックスを1段目でできた時の様に元の位置に戻せるのでしょか? 真に恐縮ですがどうぞよろしくお願いします。

  • エクセルでテキストボックスのみ触れる用にする方法

    エクセル2013を使用しています。 エクセルの機能を使い、テキストボックスのみ自由に触れるようにする方法はありますか? 使用イメージとしては、画像をロックしまして、その上にテキストボックスを追加して編集をしていきたいです。 これをする際に誤って画像を選択してしまい画像が移動してしまうのを防ぎたいというのが今回の目的になります。 似た方法としてオブジェクトの保護をかけてシートの保護をし、テキストボックスのみロックのチェックを外すという方法がありましたが、この方法ですと画像の上にテキストボックスを載せていく際の新規のテキストボックス追加が出来ないようでした。 何かよい方法はないでしょうか?ご教示頂けると助かります。

  • ワード2000で画像の上に字をのせる

    こんにちは。 現在業務用のパンフレットを作っているのですが、ある背景画像を用意していて、その上に字を乗せたいのですが、テキストボックスを使うと字のまわりを透過してくれません。 背景として画像を使う方法はないのでしょうか? ソフトはワード2000です、よろしくお願いします。

  • 中央に配置して上にテキストを置きたい

    dreamweaver8 を使ってホームページを作っています。 画像(中央に配置)の上にテキストを置きたいのですが、どのような方法がベストなのでしょうか? 試してみたのは… 1.背景として配置して上にテキストを置く。 でもこれだと、背景の画像が中央にいきません。 2.画像をイメージとして配置 これだと、テキストが上に置けません。 画像を中央に配置して、かつ上にテキストを置けるようにするにはどうしたらいいのでしょうか?? よろしくお願いします。

    • 締切済み
    • CSS

専門家に質問してみよう