スタイルシート 画像ポップアップについて

質問

マウスオンで画像をポップアップさせたいのですが、いくつか
検索をしていて「これだ！」という物があったのですが、ちょっと
変更したくいろいろ試したのですが・・・
やり方が解らないのでご質問させてください。

http://www16.big.or.jp/~ogura1/java_scr/text_image/text_image.html

上記のＵＲＬの画像のポップアップはテキストにマウスオンすると
画像が右側にポップアップする形なのですが
これを左側に出るようにしたいのですが、どのようにしたらよいでしょうか？

教えてください。宜しくお願いします。

回答No.1

neorg · ベストアンサー

試したら、

<div style....の前に<div algin="right">を入れてテキスト全体を右に寄せます。

各画像のstyle="position:absolute;の後とdisplay:none;の前の間などに、left:0px;top:0px;を挿入します。

</body>の前に

</div>
</div>
を入れて保存します。

↓上の説明です。
left:ここに左からの位置(何ピクセル分)の数字px;
0で左端です。

top:ここに上からの位置(何ピクセル分)の数字px;
0で一番上です。

でできました。(一例です。他にもっといい方法があるかもしれません)