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

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

No.2 ベストアンサー 回答者： shape_up 回答日時： 2010/05/14 00:46

こんにちは。

スマートな方法ではありませんが
表組みをしてセル（または表）の背景として吹き出し画像を使う手もあります。
表の中に表を入れ子にすると位置調整が楽です。

以下は一例です。（アルファベットは全て小文字で良いです。）


<TABLE height="300">
<TBODY>
<TR>
<TD valign="top" align="center">
<TABLE background="吹き出し画像のパス">
<TBODY>
<TR>
<TD width="197" height="179" align="center"><FONT size="+3">Ｈｅｌｌｏ！</FONT></TD>
</TR>
</TBODY>
</TABLE>
</TD>
<TD valign="bottom"><IMG src="人の写真ファイルのパス" width="300" height="232" border="0"></TD>
</TR>
</TBODY>
</TABLE>

この回答へのお礼

遅くなりました。
回答ありがとうございます。

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

お礼日時：2010/05/17 16:08

No.3 回答者： salonpath 回答日時： 2010/05/14 17:41

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

この回答へのお礼

ありがとうございます。

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

そうなんですね。初めて知りました。
altないがしろにしてたのであぶないところでした(^_^;)

お礼日時：2010/05/17 16:07

No.1 回答者： qualheart 回答日時： 2010/05/13 16:18

重ねることはできますよ。

<div style="background-image:url(sample.gif);background-repeat:no-repeat;width:100px;height:100px;">
<p>こんにちわ！</p>
</div>

↑こんな風にしてDIVの背景画像として画像を配置し、テキスト位置を合わせて画像の上に文字を表示するってやり方もあります。
あくまで一例ですが、ご参考まで。

この回答へのお礼

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

お礼日時：2010/05/13 17:11