html - コーディネートされた画像でウェブページを構築する

Question

さて、いくつかのオブジェクト (実際には画像) を調整された場所に配置する Web ページを作成するように依頼されました...これは、M、O、R、A という単語をクリック可能な画像です (リンク）そして、完全な背景などを作成したくありません...

方法を教えてもらえますか?!

ありがとう...

Answer 1

imgM画像の名前が 、imgO、imgRおよびであると仮定すると、imgA画像を特定の場所に絶対に配置して、目的を達成できます。

#imgM
{
   position: absolute 
   left: 57px;
   top: 92px;
}
#imgO
{
   position: absolute 
   left: 365px;
   top: 366px;
}
#imgR
{
   position: absolute 
   left: 652px;
   top: 459px;
}
#imgA
{
   position: absolute 
   left: 810px;
   top: 182px;
}

Answer 2

サンプルコード：

<div>
<img src="" style="float:left;">
<img src="" style="float:right;">
</div>

<div style="clear:both;">
<img src="" style="float:left;">
<img src="" style="float:right;">
</div>

テーブルを使用する必要はありません。divを使用して取得できます

Answer 3

使用する

float:left;

と

float:right;

CSSで、または使用することもできます

margin:5 5 5 5;

(右上左下)

Answer 4

オブジェクト (画像) の位置を固定する必要がある場合は、position: absolutecss スタイルを使用して、対応する座標を画像に与えるleftことtopができます。