座標指定
今日は、BBSの質問より、テーブルや画像を、
思い通りの場所へ表示させるタグを紹介します♪
通常、タグを打ち込んだ場所へ表示されるのですが、
位置を指定したい時等にどうぞ☆彡
*-*-* 画像の座標指定
*-*-*
↓基本のタグ
<IMG SRC=" http://～***
" width=" ●
"
height=" ■
"
style="position:absolute;left: □ ;top: ▲ ;">
style="position:absolute;left: □ ;top: ▲ ;">
記号の説明
http://～***
画像までのURL（画像の倉庫から）
●
画像の横幅
■
画像の縦幅
□
左からの位置
▲
TOP（上）からの位置
上記の説明をしていきます。
●
■
は、それぞれ表示される画像の大きさです。
□ は、画像を表示させる位置を左側からの距離で指定します。
▲ は、画像を表示させる位置を、上からの距離で指定します。
□ は、画像を表示させる位置を左側からの距離で指定します。
▲ は、画像を表示させる位置を、上からの距離で指定します。
とりあえず それぞれ見てみましょう。
実際の画像の大きさは『640×480』ですが、
●
と ■
には 4分の１サイズの『160』と『120』を入れ、
□ には ページの左側から『350』
▲ には ページのTOPから『880』の位置に指定します。
□ には ページの左側から『350』
▲ には ページのTOPから『880』の位置に指定します。
ここで気を付ける事は、
プレビュー画面とページに表示された位置とでは、違いがある為
別でページを開き、確認しながら指定する事。
もう一つは、画像が表示される位置は『<BR>』等で改行して開けるなり、
空欄を狙って指定して下さい。
これは、通常とは違い タグを打ち込んだ場所には存在しない為です。
上記の場合、9回改行しています。
*-*-* テーブルの座標指定
*-*-*
次は テーブルを座標を指定します。
文字や画像をまとめて指定する事も可能なので、複数の場合はこちらをどうぞ☆彡
内容は 画像の場合とほとんど同じです。
↓基本のタグ
<table width=" ●
"
height=" ■
"
style="position:absolute;left: □ ;top: ▲ ;">
style="position:absolute;left: □ ;top: ▲ ;">
記号の説明
●
テーブルの横幅
■
テーブルの縦幅
□
画面 左からの位置
▲
画面 TOP（上）からの位置
上記の説明をしていきます。
●
■
は、それぞれテーブルの大きさを指定します。
□ は、テーブルを表示させる位置を、ブラウザ画面の左側からの距離で指定します。
▲ は、テーブルを表示させる位置を、ブラウザ画面の上からの距離で指定します。
□ は、テーブルを表示させる位置を、ブラウザ画面の左側からの距離で指定します。
▲ は、テーブルを表示させる位置を、ブラウザ画面の上からの距離で指定します。
それでは見てみましょう｡｡｡
ここでは わかりやすいように、<table frame="box">を使って枠を表示させます。
テーブルの大きさは、 150 × 150 で、左から『 350 』 TOPから『 1700 』です。
| test |
|
***おまけ***
画像をすこしずつズラして、複数重ねてみましょう。
始めの2枚の画像が 透明になっているのが分りますか？
次は、このタグを紹介したいと思います(=^▽^=)/~
・・・この「楽天広場」って何で出るんだ???→
© Rakuten Group, Inc.
