- ベストアンサー
画像の上にテキストを書く
- みんなの回答 (2)
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
スタイルシートではどうでしょう? 「画像の上に文字を入力」 http://kisetu.chu.jp/hint/bord.html 「看板画像に文字を重ねたり… 画像上の自由な位置に字を重ねる」http://allabout.co.jp/computer/hpcreate/closeup/CU20040510A/ テーブルの背景として画像を用意し,その上に文字を書いても良いですね。 「あものHTML~HP作成Q&A~」 http://amo.versus.jp/hp/qanda/table/table-5.html
その他の回答 (1)
ペイントソフトだとダメなんですか?
補足
はい。できればHTMLで処理したいです。
関連するQ&A
- GoLive5 画像の上にテキスト
お世話になります。 画像の上に、テキストを書くにはどうしたらよいのでしょうか。 テキストボックスやフローティングボックスを使って、 あるいは他の方法で、テキストを上に載せることができますか? よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- リンクする画像とテキストをくっつけるには?
ブログでHTMLタグを使いたいのですがまだよく分かりません。 テキストをクリックしたらリンクするためのHTMLタグは次の通りですよね。 <a href="リンク先URL">表示するテキスト</a> 画像(写真)をクリックしたらリンクするためのHTMLタグは次のようになりますよね。 <A Href="リンク先URL"><img src="画像のアドレス"><A> 私は現在、テキストと画像の両方を同じサイトにリンクさせるのに、上の二つのタグを使っているのですが、本文に表示されると二つが離れてしまいます。よく、画像とテキストが一体化しているのを見るのですが、そうするにはどうしたらいいのでしょうか?ご教授願えませんか?
- ベストアンサー
- ブログ
- table を使用せずに、画像とテキストを同じ行に配置
table タグを使用せずに、画像とテキストを交互に同じ行に配置するようなことはできますでしょうか? 例えばこのような感じです。 画像画像 テキスト 画像画像 テキスト 画像画像 テキスト 画像画像 テキスト 画像画像 テキスト 画像画像 テキスト 画像画像 テキスト 画像画像 テキスト 画像画像 テキスト 方法をご存知の方おられましたれらよろしくお願いいたします。
- ベストアンサー
- HTML
- 中央に配置して上にテキストを置きたい
dreamweaver8 を使ってホームページを作っています。 画像(中央に配置)の上にテキストを置きたいのですが、どのような方法がベストなのでしょうか? 試してみたのは… 1.背景として配置して上にテキストを置く。 でもこれだと、背景の画像が中央にいきません。 2.画像をイメージとして配置 これだと、テキストが上に置けません。 画像を中央に配置して、かつ上にテキストを置けるようにするにはどうしたらいいのでしょうか?? よろしくお願いします。
- 締切済み
- CSS
- 画像の上にテキストを重ねるためにCSSスタイルシートをつくったのですが
Dreamweaver8にてHPをつくっております。 よく背景でない画像の上にテキストがかさなってあるのを見て それに挑戦しているのですが、 下記がCSSのソースです。外部ファイル化しています。 .kasaneru {z-index: 2;} .kasaneru2 { z-index: 1; height: auto; width: auto; top: 300px; right: 120px; overflow: visible; position: absolute; } これをdivやclassでbody内に指定してみたのですが、画像はテキストの上に重なるのですが、肝心のテキストが上にでてくれません。 私の希望は画像の上にテキストを重ねたいのです。 z-indexで数字を大きくしているのにテキストが上にきてくれないのはなぜなのでしょうか? よろしくお願いいたします。m(_ _)m
- 締切済み
- HTML
- 画像の上にテキストを表示させる方法
OS4を使ってHPを作っているのですが 画像の上にテキストを表示する方法を教えてください。 セルの背景に画像を設定すればよいのでしょうか? HTMLのこともよく分かっていない人間なので おかしな質問をしているとは思いますが どうぞよろしくお願いいたします。
- ベストアンサー
- ホームページ作成ソフト
- 背景画像の上にテキストを表示したい
はじめまして。 さっそくですが、背景画像の上にテキストを表示したいのですが、各ブラウザによってレイアウトにずれが生じてしまいます。 画像リンク(Network Servicesなど)は各ブラウザで確認してもレイアウトが崩れていないのですが、テキストリンク(aaaaaaaaaやbbbbbbbbなど)が思い切りずれてしまいます。 こちらまず背景画像をレイアウトし、その上に画像リンクやテキストを重ねてレイアウトしているのですが、作り方そのものが間違っているのでしょうか?それともcssの設定に問題があるのでしょうか? 該当css部分は下記です。 #oslu_1a{ margin-top: 30px; margin-left: 23px; } #oslu_2a{ margin-top: -55px; margin-left: 270px; } #oslu_3a{ margin-top: -39px; margin-left: 515px; } なにとぞよろしくお願いいたします。m(_ _)m
- 締切済み
- CSS
- CSS マウスオーバーでテキストの上に画像を表示させるには?
CSS で hover を使い、マウスオーバーするとリンクのテキストの上に画像を持ってくる(テキストが見えない状態にする)方法というのはありますか? background-image を使うとテキストが見えてしまいます・・ マウスオーバーで 画像1→画像2 と表示させる方法はこちらの他の回答で見つけたのですが、テキスト→画像 と表示させる方法は見つかりませんでした。 よろしくお願いいたします。
- ベストアンサー
- HTML
お礼
できました。ありがとうございます。