Alignment

Mengatur Alignment pada gambar /tulisan

Alignment

• Mengatur Alignment menggunakan table :
- cellpading untuk mengatur sisi"
- cellspacing untuk mengatur jarak spasi

text disebelah kiri.

text sebelah kanan

<center><table width="85" cellpadding="5" cellspacing="5"> <tr> <td valign=top> <font color="BLACK" size="3" face="Bell MT"> text disebelah kiri.<br><br></font></td> <td align=center><img src="paste image url disini" width=100 ></td> <td valign=bottom><font color="BLACK" size="3" face="Bell MT">text sebelah kanan</font></td></tr> </table></center>


Text sebelah kiri

text text text text text text text text text text text text text text text text< /td>

<center><table width="400" cellpadding="10"> <tr><td valign=middle><font color="BLACK" size="2" face="Bell MT"> text text text text text text text text text text text text text text text text< /td> <td align=center> <img src="paste image url disini" width=100> </td></tr></table></center>

Variasi

<center><table width=65%> <tr><td align=center valign=top><img src="paste image url disinig" width="90" height="120"> <br><br><br> <img src="paste image url disini" width="90" height="120"></td> <td align=center valign=middle> <img src="paste image url disini" width="90" height="120"></td> </tr></table></center>

• Mengatur Alignment tanpa table
- top = mengatur jarak atas
- left = mengatur jarak kanan
- untuk mengganti posisi hanya tinggal mengganti ukuran "505px/320px" menjadi lebih besar/kecil

<div style="width: 500px; position: absolute; top: 505px; left: 320px;"> textetxttetxtexttext </div>