Membuat tabel dengan CSS?


Status
Not open for further replies.

zoomla

New Member
Halo, ada yang bisa beirtahu link ke tips membuat tabel2 dengan CSS yang simple? atau ada yang bisa bagi2 tipsnya di sini?
 

ruangweb

(Ret) Community Leader
Sekedar contoh

Tabel 5x5

PHP:
<style type="text/css">
.baris {
	width: ;
	display: inline;
	float: left;
	clear: left;
	margin: 0;
	padding:0
}
.sel {
	width: ; 
	display: inline; 
	float: left; 
	margin: 1px 0 0; 
	padding: 5px 0; 
	text-align: center; 
	color: ; 
	font-weight: ;
	font-size: ;
	font-family: ;
}
</style>
<div class="baris">
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
</div>
<div class="baris">
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
</div>
<div class="baris">
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
</div>
<div class="baris">
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
</div>
<div class="baris">
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
	<div class="sel"></div>
</div>
 

dpnux

Expert 1.0
Halo, ada yang bisa beirtahu link ke tips membuat tabel2 dengan CSS yang simple? atau ada yang bisa bagi2 tipsnya di sini?
Kalau data yang ditampilkan adalah data tabular / tabel, pakai <table>. karena ada thead, tbody dan tfoot yang bisa digunakan untuk memotong data pada saat print out.

Tableless itu untuk terminologi layout, jadi div bukan pegganti table namun dalam dokumen accesibility w3c, div digunakan untuk layout dan tidak bermakna apapun. DIV Table (CSS 3.0) digunakan untuk layout, bukan untuk data tabular.

Kok saya ngotot gini hehehe ... :D. Coba main ke situs mas Dimas

http://www.dhimasronggobramantyo.com/

Tutorial dalam Bahasa Indonesia.
 

nono_kaki

New Member
Kalau data yang ditampilkan adalah data tabular / tabel, pakai <table>. karena ada thead, tbody dan tfoot yang bisa digunakan untuk memotong data pada saat print out.

Tableless itu untuk terminologi layout, jadi div bukan pegganti table namun dalam dokumen accesibility w3c, div digunakan untuk layout dan tidak bermakna apapun. DIV Table (CSS 3.0) digunakan untuk layout, bukan untuk data tabular.

Kok saya ngotot gini hehehe ... :D. Coba main ke situs mas Dimas

http://www.dhimasronggobramantyo.com/

Tutorial dalam Bahasa Indonesia.
Setubuh om...

Bisa gila kalo mau bikin table pake tag DIV...
Hehehehe...

CMIIW...
 

tajidyakub

Apprentice 1.0
Last edited:
Status
Not open for further replies.

    
Top