Menggabungkan Baris/Kolom pada Table HTML

Baca selengkapnya »

Table tidak selalu harus berbentuk kotak yang berbaris sejajar secara horizontal dan vertical, tetapi bisa juga kita buat dengan bentuk yang bervariasi, misalnya pada baris pertama berisi 1 kolom, baris kedua berisi 3 kolom dan baris ketiga berisi 2 kolom. Untuk menggabungkan Kolom kita memakai atribut colspan pada tag TD sedangkan untuk menggabungkan Baris kita memakai atribut rowspan.

Kalau anda bingung membayangkan, cobalah lihat contoh TABLE dibawah ini:

HEADER
LEFT BOX	CONTENT	RIGHT BOX
	FOOTER

Untuk membuat Table seperti diatas, pertama anda harus lihat berapa jumlah kolom terbanyak pada Table kemudian digabungkan menjadi 1 kolom. pada kasus diatas, kolom terbanyak adalah 3, kemudian kita buat kodenya seperti berikut:

Menggabungkan Baris/Kolom pada Table HTML

Posted by : Alfa

Date :

With 0komentar

Tag : CSS Basic

Mengatur Display dengan CSS

Baca selengkapnya »

trik dan tips for web dan blog

Properti Display, befungsi untuk mengatur tampilan suatu elemen pada browser. Nilai nilai yang dapat ditulis pada properti display adalah: inline, block, list-item, run-in, inline-block, compact, inline-table, marker, table, table-caption, table-cell, table-column, table-row, table-footer-group, table-header-group, table-column-group, table-row-group, inherit dan none.

contoh:

Mengatur Display dengan CSS

Posted by : Alfa

Date :

With 0komentar

Tag : CSS Basic

Mengatur Padding dengan CSS

Baca selengkapnya »

Properti Padding, adalah Trik berfungsi untuk mengatur jarak antara border dengan content pada sebuah elemen HTML.
Padding pada css sangat penting gunanya dalam hal membuat halaman website, maka dari itu saya menyarankan agar anda benar-benar memperhatikan sintak css ini.

Cara penulisan properti padding, hampir sama dengan cara penulisan properti margin, yaitu:

Mengatur Padding dengan CSS

Posted by : Alfa

Date :

With 1 komentar:

Tag : CSS Basic