[ask] Cara membuat tabel menjadi responsive di blog

Discussion in 'HTML & Website Design' started by Putra Ragil, Dec 8, 2015.

  1. Putra Ragil

    Putra Ragil Member

    Joined:
    Feb 24, 2015
    Messages:
    137
    Likes Received:
    6
    Trophy Points:
    18
    Selamat siang mastah",
    Mohon bantuanya dong, cara agar tabel responsive di blog gimana ya?
    saya coba cari di google belum ketemu"..saya juga gak paham dengan css :(
    untuk yang tahu, mohon bantuannya ya:D..terimakasih
     
  2. KangAndre

    KangAndre Member

    Joined:
    Jan 25, 2014
    Messages:
    9,916
    Likes Received:
    2,604
    Trophy Points:
    313
    Tabelnya hanya ini kok

    @media screen and (max-width:1216px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:1024px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:992px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:880px){
    . /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:768px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:736px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width: 667px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:600px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:568px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:480px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:414px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width: 375px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:320px){
    /* kode css yang ingin diubah ukurannya disini */
    }
    @media screen and (max-width:240px){
    /* kode css yang ingin diubah ukurannya disini */
    }
     
  3. Ardilas

    Ardilas Super Level

    Joined:
    Feb 18, 2013
    Messages:
    4,245
    Likes Received:
    317
    Trophy Points:
    83
    Google+:
    Kode paling simpel. Di CSS tulis kode berikut
    Code:
    table {width:100%}
    Coba aja dulu ganti 100% ke 90%. Sesuai selera sih.
     
  4. wrep17

    wrep17 Well-Known Member

    Joined:
    Sep 26, 2015
    Messages:
    1,326
    Likes Received:
    246
    Trophy Points:
    63
    Google+:
    Minta html sama css nya yang responsive dong bang :)
    Saya ngambil tabel dari ms word kurang responsive di hp
     
  5. Putra Ragil

    Putra Ragil Member

    Joined:
    Feb 24, 2015
    Messages:
    137
    Likes Received:
    6
    Trophy Points:
    18
    waduh aku kurang paham kode css kang andre :( , tapi akan coba saya pahami terlebih dahulu ..
     
  6. Putra Ragil

    Putra Ragil Member

    Joined:
    Feb 24, 2015
    Messages:
    137
    Likes Received:
    6
    Trophy Points:
    18
    Bukannya itu hanya lebarnya om...dibuka di hp tetep lebar :(
     
  7. ademayemjos

    ademayemjos New Member

    Joined:
    Nov 5, 2015
    Messages:
    4
    Likes Received:
    1
    Trophy Points:
    3
    Google+:
  8. Putra Ragil

    Putra Ragil Member

    Joined:
    Feb 24, 2015
    Messages:
    137
    Likes Received:
    6
    Trophy Points:
    18
  9. siprof

    siprof Member

    Joined:
    Dec 4, 2015
    Messages:
    108
    Likes Received:
    10
    Trophy Points:
    18
    ane liat udah responsive tuh gan?
     
  10. Putra Ragil

    Putra Ragil Member

    Joined:
    Feb 24, 2015
    Messages:
    137
    Likes Received:
    6
    Trophy Points:
    18
    Iya gan, itu udah jadi :D
     
Loading...

Share This Page