リンクに触れると文章が横に出ますが吹き出しを下側表示にしたいです

質問

http://chips.jpnet.biz/tagg/276.html
以前質問をして上記のサイトの方法で文字を吹き出しする事ができましたが追加質問します
コピー＆ペーストしてそのまま使うと吹き出しが横に出てきてしまうのですがこれを下側に表示させるにはどうしたら良いでしょうか？

回答No.2

akanekor · ベストアンサー

>”多く字を使うと結構見づらくなります”
サンプルでは<span>使っていましたが、変わりに<table>用いたら、いい感じのが
出来ますよ。

(こんな感じの)
<table id="txt1" style="display:none;position:absolute;" bgcolor="#FFFF" border=4 width=250 align=center>
<tr align=center>
<td>テスト</td>
</tr>
</TABLE>

>"表を使用していても変化しないの"
を行うのは、
display:none;absolute;で　top、left　指定での絶対座標位置指定で行ってください。
表が崩れる事無く、上にのっかてくれます。

top,leftの値はJavascriptでも変更可能なので、
選択した文字によって表示座標位置を変えたい場合は、そこら辺(Javascript)でどうにかやってくださいな。
後、絶対座標指定は、ブラウザの種類によって微妙に位置ズレ起こるので、そこら辺は注意してください。

お礼

ありがとうございます
まだ試していませんが位置の事はどうにかしてみます。
最後まで質問で申し訳無いのですがURLサイトのタグだとマウスを上に置くとカーソルが変わってクリックするとリンク先に移動する様になっていますが私的にはリンク先に移動させたくないのでマウスを上に置いてもカーソルが変わってクリックしても移動しない様にしたいのですがこれは可能ですか？。
上文が意味不明ですがご回答頂けると幸いです。
20点はakanekor様で確定しましたが残り10点分で他にも答えられそうな人は宜しくお願いします。

補足

リンクの方は自己解決しました
今回はありがとうございました

回答No.1

akanekor

"<span id="txt1" style="display:none;absolute;"の所の
"absolute"を"inherit"にするか

(例)
<span id="txt1" style="display:none;position:inherit; .....

もしくは
top,leftで表示座標決めちゃってください。

（例）
<span id="txt1" style="display:none;absolute;top:100px; left:100px; ....

お礼

ありがとうございます
先程試しましたが表を使っているので多く字を使うと結構見づらくなります
理想的なのは表を使用していても変化しないのを求めますが無理でしょうか？。