Rangkuman 4 cara mencegah tabel rusak saat membuat halaman web, semoga bermanfaat bagi semuanya!
1. Gunakan <img src="/images/NullPic.gif" width="400" height="300"> untuk langsung memperbaiki ukuran gambar.
Cara ini tidak akan menimbulkan kebingungan pada tampilan halaman, namun gambar yang ditampilkan sering kali berubah bentuk.
Tidak direkomendasikan sama sekali.
2. Gunakan <img src="/images/NullPic.gif" >
Metode ini akan secara otomatis memperkecil ke lebar yang ditentukan saat memanggil gambar, tanpa menyebabkan gambar berubah bentuk, dan tidak akan merusak tabel, sehingga tidak akan terjadi menyebabkan kebingungan dalam tampilan halaman.
Namun ada juga kekurangannya, jika gambar terlalu besar, pada saat proses menampilkan gambar (proses download), gambar tersebut akan tetap ditampilkan dalam ukuran aslinya halaman akan jelek. Tentu saja gambar akan otomatis mengecil jika sudah ditampilkan secara penuh.
3. Agar gambar tidak pecah pada tabel, berdasarkan hal di atas, batasi tabel:
tambahkan beberapa kode batasan pada tag tabel <tabel>, <tabel lebar="500" border="0" align="center " cellpadding ="0" Cellpacing="0"> dapat secara efektif mencegah meja meregang.
4. Selangkah lebih maju, Anda dapat menggunakan roda mouse untuk memperbesar dan memperkecil gambar:
<SCRIPT type=text/javascript>
fungsi bbimg(o){
var zoom=parseInt(o.style.zoom, 10)||100;zoom+=event.wheelDelta/12;if (zoom>0) o.style.zoom=zoom+'%';
kembali salah;
}
</SCRIPT>
Cara penggunaannya sebagai berikut:
<img src="/images/NullPic.gif" >
Bisa juga menggunakan style:
img {
lebar maksimal: 500 piksel; lebar: ekspresi (lebar ini > 500 ? "500 piksel" : lebar ini)
}