自動的に吹き出しの幅を変更するには？

質問

画像で吹き出し枠をつくり、その中にテキストを表示させたいです。

吹き出しを、それぞれ上下左右と斜め部分を8分割に切って.gifにしてフレームに配置させ、その真中にテキストを流し込むことぐらいしか思い付かないのですが、その方法だと、閲覧者が文字サイズを変更するとレイアウトが崩れますよね。
いっそ、全て画像にしてしまえばいいのでしょうが、出来れば吹き出しは吹き出しで、テキストはテキストとして存在させたいです。

（ある程度）文字サイズを変更しても吹き出しの線が自動的に伸びて（縮んで）くれるようにする方法はないものでしょうか？
よろしくお願いします。

回答No.1

dezimac · ベストアンサー

┌───┐
┤●■▲│
└───┘

3×3のテーブル作って4隅にコーナー用の画像（┌）を設定。
上下左右の線（─│）はセルの背景として設定。
左の吹き出し画像（┤）を設定。

<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="┏" width="16" height="16"></td>
<td background="━"><img src="□" width="16" height="16"></td>
<td><img src="┓" width="16" height="16"></td>
</tr>
<tr>
<td background="┃"><img src="┫" width="16" height="16"></td>
<td>テキスト</td>
<td background="┃"><img src="□" width="16" height="16"></td>
</tr>
<tr>
<td><img src="┗" width="16" height="16"></td>
<td background="━"><img src="□" width="16" height="16"></td>
<td><img src="┛" width="16" height="16"></td>
</tr>
</table>

↑での記号は全て画像ファイルです。
┏┓┗┛はコーナー
┃━は横棒と縦棒
┫は吹き出し
□は透明なダミー
全て、サイズは16×16ピクセルのGIF画像を用意して下さい。

お礼

フレーム×→テーブル○でした。失礼しました。
それにしても、す、スゴい。
ドンピシャの回答、ありがとうございます！！
『透明なダミー』というのと『16×16ピクセルのGIF画像』というのが理解出来ないのですが、やってみます。
また何かありましたらよろしくお願いします。
取り急ぎお礼まで。