Membuat tabel dengan CSS?

[zoomla]

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

 

[ruangweb]

Sekedar contoh

Tabel 5x5

<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>

 

[duosign]

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

Situs ini banyak membahas CSS layout,
http://www.alistapart.com/topics/design/layout/
mungkin cocok buat belajar CSS lebih jauh.

 

[pulsaonline]

ikut nyimak eui...

 

[nono_kaki]

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

Bukannya bikin table lewat HTML Tuan??

 

[dpnux]

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 ... . Coba main ke situs mas Dimas

http://www.dhimasronggobramantyo.com/

Tutorial dalam Bahasa Indonesia.

 

[nono_kaki]

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 ... . 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]

Ada buku yang membahas dengan cukup mendalam mengenai css table solution, judulnya "Everything You Know About CSS is Wrong", lumayan juga dibaca-baca untuk yang ingin memperdalam.

Ini salah satu artikel yang membahas buku tersebut, http://www.digital-web.com/articles/everything_you_know_about_CSS_Is_wrong/

Link downloadnya cari di google ya