Tutorial table3: Cara membuat table di dalam table

Apakah kamu merasa kesulitan Ketika kamu hendak menempatkan dua, tiga, atau beberapa table sekaligus dalam 1 baris table?? Dan bagaimana caranya menempatkan table-table yang lain disisi kiri atau kanan dalam 1 baris table yang sama??

Dalam pembuatan halaman situs seperti Web atau Wap, terkadang kita perlu men-desain tata letak konten sedemikian rupa agar letaknya efisien dan tidak banyak memakan tempat di halaman muka. Seperti situs Wap contohnya, apa bila kamu lebih suka/telah memodifikasi tampilan Wap seperti Web maka kamu perlu menerapkan trick "table di dalam table"


Baiklah, tanpa basa basi lagi mari kita lihat contoh sederhana di bawah ini:

cell A

cell B

cell C

Table di atas adalah table yang belum disematkan table yang lain di dalam tiap cell-nya. Dan perhatikan yang di bawah ini..

cell A a1 a2 a3

cell B a4 a5 a6

cell C a7 a8 a9

Agar tampilannya lebih "rapi" dan menghilangkan kesan table yang bertumpuk-tumpuk, maka buatlah nilai border-nya menjadi nol. Atau gunakan saja atribut rules dan frame di dalam tag <table...>

<table border="1" rules=none frame=box>
--> agar border seperti garis biasa dan memberi kesan border di area luarnya saja.

<table border="1" rules=all frame=void>
--> memberi kesan border di dalam table saja.

lihat contoh:

contoh rules=none frame=box cell a1 cell a2 cell a3

Contoh rules=all frame=void cell a4 cell a5 cell a6

Apa manfaat dari trick ini? Seperti yang telah sedikit saya jelaskan di atas bahwa cara ini berfungsi untuk menempatkan konten-konten agar lebih efisien pada Website atau Wapsite yang telah dimodifikasi.

Jika kamu punya Wapsite dan khusus berisi artikel-artikel dan ingin menggunakan "read more" seperti yang digunakan oleh para blogger, maka trick ini cukup baik untuk kamu terapkan di halaman muka Wapsite kamu.

Contoh:

content 1 Abu Bakar As-Shidiq, beliau lahir dua tahun beberapa bulan setelah kelahiran Muhammad Rasulullah s.a.w. di kota Mekkah. Atau pada tahun 51 sebelum Hijriah (751 Masehi). Nama lengkapnya adalah [read more..]

content 2 Dalam menjalani hidup,manusia sering kali di hadapkan pada dilema dan problematika. Mau tidak mau manusia harus mampu menganalisa dan memahami serta mencari jalan keluar dari kesulitan... [read more..]

Atau lihat contohnya pada wapsite saya. dawoez.xtgem.com

Semoga bermanfaat..

[Read More..]