Cara Membuat 3 kolom
Salah satu cara membuat 3 kolom adalah menggunakan tabel dengan 3 kolom. Adapun coding dasarnya adalah:
Mari kita telaah baris perbaris.
width="100%"
Gunakan ukuran 100% bila ingin membuat tabel memenuhi 1 layar. Atau masukkan angka 770px untuk ukuran kecil.
border="0"
Ukuran border. Jika tidak ingin border terlihat, maka tulislah angka 0. Jika ingin menggunakan border, isilah dengan angka. Lalu, tetapkan warna boder, misalnya bordercolor="#000000" (hitam).
cellspacing="0" cellpadding="0"
Jarak antara kolom, baris, dan tulisan. Jika tidak ingin ada jarak, tetaplah gunakan angka 0 dan isi dengan angka lain bila menginginkan jarak. Idealnya adalah gunakan angka 2 untuk cellpadding.
Merupakan kolom di bagian kiri barisan atas. Tetapkan ukurannya dengan memasukkan tag width. Boleh menggunakan satuan % (25%) atau menggunakan satuan px (150px). Jika ingin menggunakan background, tambahkan tag background untuk file gambar dan bgcolor untuk warna saja.
Merupakan kolom bagian tengah barisan atas. Tetapkan ukurannya dengan memasukkan tag width. Boleh menggunakan satuan % (50%) atau menggunakan satuan px (470px). Sama seperti kolom kiri, dapat menggunakan variasi background.
Merupakan kolom di bagian kanan barisan atas. Tetapkan ukurannya dengan memasukkan tag width. Boleh menggunakan satuan % (25%) atau menggunakan satuan px (150px). Sama seperti kolom kiri, dapat menggunakan variasi background.
Perhatikan bahwa komulatif semua width (kiri, tengah, dan atas) harus sama dengan ukuran table.
Selanjutnya adalah baris berikutnya dengan coding:
Bila ingin menambahkan baris, gunakanlah coding seperti di atas.
Hasil coding tabel 3 kolom (dan 2 baris) kita menjadi:
| Kolom kiri atas | Kolom tengah atas | Kolom kanan atas |
| Kolom kiri bawah | Kolom tengah bawah | Kolom kanan bawah |
Atau lihat contoh ini:
Perilaku Seindah Hati
- coretan harian seorang muslim -
Link 1
Link 2
Dengan coding :
- coretan harian seorang muslim - | ||
Link 1 Link 2 |
| |
selamat mencoba....
No comments:
Post a Comment