Postingan

Menampilkan postingan dari Desember, 2015

Membuat Tabel dengan CSS ul dan li

Gambar
Membuat table pada sebuah website tentu lebih ringan jika menggunakan CSS daripada kode <table> sendiri. <table> sendiri lebih menghabiskan bandwith dibanding html+css. Tabel juga membuat rendering halaman menjadi lebih lama. Tabel dengan HTML dan CSS akan membuat halaman website lebih cepat dibanding dengan Tabel Markup. Berikut adalah contoh Table dengan HTML dan CSS. <html> <body> <ul style="list-style: none outside none;"> <li style="float: left;display: block;width: 100px;height: 40px;">Field 1</li> <li style="float: left;display: block;width: 100px;height: 40px;">Field 2</li> <li style="float: left;display: block;width: 100px;height: 40px;">Field 3</li> </ul> </body> </html> Sumber: http://stackoverflow.com/questions/6316896/using-li-instead-of-table