Membuat tabel dengan CSS?

Discussion in 'Desain Web dan Programming' started by zoomla, 12 Sep 2007.

Thread Status:
Not open for further replies.
  1. zoomla

    zoomla New Member

    Messages:
    2
    Likes Received:
    0
    Trophy Points:
    1
    Halo, ada yang bisa beirtahu link ke tips membuat tabel2 dengan CSS yang simple? atau ada yang bisa bagi2 tipsnya di sini?
     
  2. ruangweb

    ruangweb (Ret) Community Leader

    Messages:
    688
    Likes Received:
    6
    Trophy Points:
    18
    Sekedar contoh

    Tabel 5x5

    PHP:
    <style type="text/css">
    .
    baris {
        
    width: ;
        
    displayinline;
        
    floatleft;
        
    clearleft;
        
    margin0;
        
    padding:0
    }
    .
    sel {
        
    width: ; 
        
    displayinline
        
    floatleft
        
    margin1px 0 0
        
    padding5px 0
        
    text-aligncenter
        
    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>
     
  3. duosign

    duosign Beginner 1.0

    Messages:
    20
    Likes Received:
    0
    Trophy Points:
    1
    Situs ini banyak membahas CSS layout,
    http://www.alistapart.com/topics/design/layout/
    mungkin cocok buat belajar CSS lebih jauh.
     
  4. rizkyonline

    rizkyonline Beginner 2.0

    Messages:
    25
    Likes Received:
    1
    Trophy Points:
    3
    ikut nyimak eui... :D
     
  5. nono_kaki

    nono_kaki New Member

    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Bukannya bikin table lewat HTML Tuan??
     
  6. dpnux

    dpnux Expert 1.0

    Messages:
    455
    Likes Received:
    28
    Trophy Points:
    28
    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.
     
  7. nono_kaki

    nono_kaki New Member

    Messages:
    8
    Likes Received:
    0
    Trophy Points:
    1
    Setubuh om...

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

    CMIIW...
     
  8. tajidyakub

    tajidyakub Apprentice 1.0

    Messages:
    379
    Likes Received:
    6
    Trophy Points:
    18
    Last edited: 4 May 2009
Loading...
Thread Status:
Not open for further replies.

Share This Page

Loading...