• ベストアンサー

HPサイト内で吹き出しをつくる。

HPサイト内で吹き出しをつくる。 タイトル難しいです。。とりあえず、お聞きしたいことは、HPを作っているのですが、 人の画像から吹き出しで言葉を話しているようにしたいです。 吹き出しの画像は見つかりました。そこにうまく文字を重ねるしかないのでしょうか。 そもそも重ねられるのか? すべてを画像で作ってしまうと、検索キーワードにひっかからないので、文字は文字として 認識させたいです。アドバイスよろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • shape_up
  • ベストアンサー率66% (72/108)
回答No.2

こんにちは。 スマートな方法ではありませんが 表組みをしてセル(または表)の背景として吹き出し画像を使う手もあります。 表の中に表を入れ子にすると位置調整が楽です。 以下は一例です。(アルファベットは全て小文字で良いです。) <TABLE height="300"> <TBODY> <TR> <TD valign="top" align="center"> <TABLE background="吹き出し画像のパス"> <TBODY> <TR> <TD width="197" height="179" align="center"><FONT size="+3">Hello!</FONT></TD> </TR> </TBODY> </TABLE> </TD> <TD valign="bottom"><IMG src="人の写真ファイルのパス" width="300" height="232" border="0"></TD> </TR> </TBODY> </TABLE>

hiro1190
質問者

お礼

遅くなりました。 回答ありがとうございます。 このままコードをコピーさせていただいて実験してみました。 このバランスは素晴らしい。 なかなか私はぴったりのバランスにさせるのが難しかったです。

その他の回答 (2)

  • salonpath
  • ベストアンサー率48% (194/399)
回答No.3

altも検索キーワードになりますよ

hiro1190
質問者

お礼

ありがとうございます。 >altも検索キーワードになりますよ そうなんですね。初めて知りました。 altないがしろにしてたのであぶないところでした(^_^;)

  • qualheart
  • ベストアンサー率41% (1451/3486)
回答No.1

重ねることはできますよ。 <div style="background-image:url(sample.gif);background-repeat:no-repeat;width:100px;height:100px;"> <p>こんにちわ!</p> </div> ↑こんな風にしてDIVの背景画像として画像を配置し、テキスト位置を合わせて画像の上に文字を表示するってやり方もあります。 あくまで一例ですが、ご参考まで。

hiro1190
質問者

お礼

ありがとうございます。現在試行錯誤中です。 テーブルを使ってやろうとしています。 なかなかバランスがとれず苦労していますが、そのうちぴったりサイズになるはず。 がんばります。

関連するQ&A

専門家に質問してみよう