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

質問

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

回答No.2

shape_up · ベストアンサー

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

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

<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>

お礼

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

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

回答No.3

salonpath

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

お礼

ありがとうございます。

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

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

回答No.1

qualheart

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

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

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

お礼

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