画像を重ねる　再び

ｍｅａ 2000/02/03(木) 12:00:38
前回は、重ねるのは可能だと教えてもらいました。ですがすぐにつまってしまって・・・。
大きな画像に小さな画像を重ねたいのですが、

<img src="./gif/map1.gif" ALT="マップ１">
<div style="position:relative;top:-65;left:36">
<img src="./gif/player1.gif"></div>
<div style="position:relative;top:-72;left:70">
<img src="./gif/player1.gif"></div>

この方法だと、ページの座標を取ることになって、

<img src="./gif/map1.gif" ALT="マップ１">
<div style="position:relative;top:-65;left:36">
<img src="./gif/player1.gif"></div>
<br><br><br>
<div style="position:relative;top:-72;left:70">
<img src="./gif/player1.gif"></div>

のように<br>が入っただけで、ずれてしまいます。
画像の座標を使うようなやり方はありますか？

Mugi [E-Mail] [HomePage] 2000/02/03(木) 12:18:00
絶対位置指定じゃダメですか？

ｍｅａ 2000/02/03(木) 12:29:09
絶対位置指定・・・う～む難しい言葉で(^^;
ようは、ページの頭の方に文字があり、その文字は場合によって
増えたり減ったりするので、その下に表示する画像が下に下がる
ことがあるのですよ。すると、ページ自体の座標を使うと、もちろん
重ねた小さい画像がずれてしまいますよね。
ですから、できれば大きな画像上の座標を指定できると嬉しいのですが。

ところで「絶対位置指定」ってどんな指定の仕方ですか？

よろしければ命令も教えていただけないでしょうか。初心者なもので(^^;;;

Mugi [E-Mail] [HomePage] 2000/02/03(木) 12:49:50
style="position:absolute;top:**;left**" のように指定して、
ブラウザをリサイズしたりしても表示位置が変わらないようにする方法です。
前に紹介したサンプルはこの方法を使っています。
http://hp.vector.co.jp/authors/VA013453/js/000126.htm

ｍｅａ 2000/02/03(木) 14:03:26
> 前に紹介したサンプルはこの方法を使っています。

あ、ホントだ(^^;　すみません。あの時にはまだ良く理解できなかったので (^^;　＞急成長している私

やっぱり大きい画像の方は動かないようにするしかないのですかね。

[上に] [前に] [次に]

画像を重ねる 再び

画像を重ねる　再び