Bila anda ingi menyusun gambar pada
sidebar agar ukurannya sama lebar dan sama tingginya Contoh susunan
pada sidebar seperti dibawah .bahagian ujung tidak sama .
Kita dapat membuat ruang lagi dengan buat cara berikut;
Contoh ini bila kita hendak meletakkan button seperti diatas biasa kita akan dapat kode seperti ini:
<!-- Start Backlink Code --><a target="_blank" href="http://weblinkexchange.ownpeg.com/" title="Web Link Exchange"><img alt="Web Link Exchange" src="http://weblinkexchange.ownpeg.com/images/backlink.gif" border="0" /></a><!-- End Backlink Code -->
Kita Cuma perlu tambah kode untuk tinggi(height) dan lebar(width) seperti ini:
<!-- Start Backlink Code --><a target="_blank" href="http://weblinkexchange.ownpeg.com/" title="Web Link Exchange"><img alt="Web Link Exchange" src="http://weblinkexchange.ownpeg.com/images/backlink.gif" border="0" height="15" width="60" /></a><!-- End Backlink Code -->
Border “0” bermakna tiada border ,boleh letak nilai jika hendak letak border disekeliling
Supaya kedudukanya berada ditengah tengah tambahkan kod seperti ini:
Untuk kod button /imej seterusnya letak disini…
………….
…………
Untuk letak dua baris kena sesuaikan lebarnya sahaja.Bila ruang dan saiz kena akan jadi baris seterusnya.Bila terlalu panjang akan ia akan turun kebawah.
Supaya nampak tersusun lagi letaklah dalam border:
<div style="width: 140px; height: 220px; border: 1px solid; padding: 2px; margin: 5px 0pt 0pt;">
</div>
Kita dapat membuat ruang lagi dengan buat cara berikut;
Contoh ini bila kita hendak meletakkan button seperti diatas biasa kita akan dapat kode seperti ini:
<!-- Start Backlink Code --><a target="_blank" href="http://weblinkexchange.ownpeg.com/" title="Web Link Exchange"><img alt="Web Link Exchange" src="http://weblinkexchange.ownpeg.com/images/backlink.gif" border="0" /></a><!-- End Backlink Code -->
Kita Cuma perlu tambah kode untuk tinggi(height) dan lebar(width) seperti ini:
<!-- Start Backlink Code --><a target="_blank" href="http://weblinkexchange.ownpeg.com/" title="Web Link Exchange"><img alt="Web Link Exchange" src="http://weblinkexchange.ownpeg.com/images/backlink.gif" border="0" height="15" width="60" /></a><!-- End Backlink Code -->
Border “0” bermakna tiada border ,boleh letak nilai jika hendak letak border disekeliling
Supaya kedudukanya berada ditengah tengah tambahkan kod seperti ini:
<center>
<!-- Start Backlink Code
--><a target="_blank" href="http://weblinkexchange.ownpeg.com/"
title="Web Link Exchange"><img alt="Web Link Exchange"
src="http://weblinkexchange.ownpeg.com/images/backlink.gif" border="0"
height="15" width="60" /></a><!-- End Backlink Code -->Untuk kod button /imej seterusnya letak disini…
………….
…………
</center>
Untuk letak dua baris kena sesuaikan lebarnya sahaja.Bila ruang dan saiz kena akan jadi baris seterusnya.Bila terlalu panjang akan ia akan turun kebawah.
Supaya nampak tersusun lagi letaklah dalam border:
<div style="width: 140px; height: 220px; border: 1px solid; padding: 2px; margin: 5px 0pt 0pt;">
Letak kod untuk imej disini
</div>
0 komentar