1. Halo Guest, pastikan Anda selalu menaati peraturan forum sebelum mengirimkan post atau thread baru.

Bagaimana Menengahkan Website Saya?

Discussion in 'Desain Web & Grafis' started by dooneea, Jul 2, 2011.

  1. dooneea

    dooneea Newbie

    Joined:
    May 25, 2011
    Messages:
    29
    Likes Received:
    1
    Halo temen2,

    Saya mau tanya gimana sih caranya supaya website saya semuanya tampil ditengah ketika di tampilkan pada browser seperti internet explorer, mozilla firefox, dll?

    Terima kasih

    Dooneea
     
    dooneea, Jul 2, 2011
    #1
  2. yumichan

    yumichan May All Beings Be Happy

    Joined:
    May 19, 2011
    Messages:
    7,016
    Likes Received:
    847
    oh mksudnya 'menengahkan', yang ini toh :lol:

    emang ada tool/addon yang bkin tampilan ke center gt? :)
     
    yumichan, Jul 2, 2011
    #2
  3. laziale

    laziale Super Hero

    Joined:
    Nov 13, 2010
    Messages:
    984
    Likes Received:
    40
    websitenya mana atuh??
     
    laziale, Jul 2, 2011
    #3
  4. dooneea

    dooneea Newbie

    Joined:
    May 25, 2011
    Messages:
    29
    Likes Received:
    1
    Emangnya maksud anda yg mana? :))

    Maksud saya, bagaimana cara menengahkan (center) seluruh website saya dgn menggunakan dreamweaver?
     
    dooneea, Jul 2, 2011
    #4
  5. laziale

    laziale Super Hero

    Joined:
    Nov 13, 2010
    Messages:
    984
    Likes Received:
    40
    klo itu mah mesti diliat dulu source codenya :D
     
    laziale, Jul 2, 2011
    #5
  6. dooneea

    dooneea Newbie

    Joined:
    May 25, 2011
    Messages:
    29
    Likes Received:
    1
    Baik kalau begitu...

    Silahkan dilihat sendiri kode website saya seperti dibawah:

     
    dooneea, Jul 2, 2011
    #6
  7. wididwi

    wididwi Ads.id Pro

    Joined:
    Nov 6, 2009
    Messages:
    273
    Likes Received:
    39
    aduh pusing bacanya ... cm kl emang niatnya menengahkan konten bisa dengan cara menggunakan auto pada marginnya
    HTML:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Hello!</title>
  <style type="text/css">
  #frameluar{
    width: 890px;
    margin-left:auto;
    margin-right:auto;
    border: 1px solid grey;
  }
  .framepart{
    width: 100%;
    border: 1px solid black;
  }

  </style>
</head>

<body>
<div id="frameluar">
    <div class="framepart"></div>
    <div class="framepart"></div>
    <div class="framepart"></div>
    <div class="framepart"></div>
    <div class="framepart"></div>
    <div class="framepart"></div>
</div>
    ini biasanya saya pake dan bisa di terima di semua browser ... karena saya kurang canggih dalam css jadi pake yang simple2x aja ... semoga ini bisa membantu
    </body>
    </html>
     
    Last edited: Jul 2, 2011
    wididwi, Jul 2, 2011
    #7
  8. dooneea

    dooneea Newbie

    Joined:
    May 25, 2011
    Messages:
    29
    Likes Received:
    1
    Wah, kayaknya ini main coding nih ya :)

    Cuma karena saya masih awam, saya mau tanya yg lebih jelas, apa yg harus saya lakukan dengan kode yg Mbak Wididwi berikan?
     
    dooneea, Jul 2, 2011
    #8
  9. raflipratama

    raflipratama Ads.id Starter

    Joined:
    Jul 2, 2011
    Messages:
    76
    Likes Received:
    0
    kalo itu sih masalah coding sob, biar para master master coding disini yang menjawab, kalo saya yang jawab, ntar jadi berabe websitenya
     
    raflipratama, Jul 2, 2011
    #9
  10. wikielf

    wikielf Dev Alpha 10

    Joined:
    May 20, 2011
    Messages:
    1,499
    Likes Received:
    132
    Location:
    In the world
    coba replace code ini
    jadi
    CMIIW
     
    wikielf, Jul 2, 2011
    #10
  11. dooneea

    dooneea Newbie

    Joined:
    May 25, 2011
    Messages:
    29
    Likes Received:
    1
    He he, kok enggak bisa juga ya bro?
     
    dooneea, Jul 2, 2011
    #11
  12. pl4y312

    pl4y312 Newbie

    Joined:
    Oct 5, 2009
    Messages:
    20
    Likes Received:
    1
    gmn klo hapus semua style position "left"-nya, danti sama "margin: 0 auto"
     
    pl4y312, Jul 4, 2011
    #12
  13. doubelusd

    doubelusd Ads.id Starter

    Joined:
    Feb 27, 2011
    Messages:
    91
    Likes Received:
    6
    Location:
    boyolali, solo, jawa tenggah
    maff sebelume itu pake blogspot, or CMS ea...?lo pake Cms, cms apa...thanks,,,??
     
    doubelusd, Jul 4, 2011
    #13
  14. Sense

    Sense Ads.id Pro

    Joined:
    Nov 23, 2010
    Messages:
    441
    Likes Received:
    102
    hapus semua properties position:absolute; sama atribut2nya masbro.
    class yg sama dijadiin id aja.
     
    Sense, Jul 7, 2011
    #14
  15. thescape

    thescape Newbie

    Joined:
    May 24, 2011
    Messages:
    8
    Likes Received:
    0
    niehh gan!!... margin kanan ama kiri harus auto!!
    jadi kodenya gini nieh!!!!!

    margin: 5px auto; atau margin:1px auto 1px auto; atau margin-left:auto;margin-right:auto;
     
    thescape, Jul 11, 2011
    #15
  16. yuddye

    yuddye Ads.id Fan

    Joined:
    Jul 30, 2010
    Messages:
    159
    Likes Received:
    9
    Location:
    Medan
    tinggal di kasi margin:auto; doank di css nya udh ditengah di layout.. :D
     
    yuddye, Nov 4, 2011
    #16
  17. masdan

    masdan Ads.id Fan

    Joined:
    Nov 21, 2011
    Messages:
    142
    Likes Received:
    4
    Location:
    Purwokerto | Jogja
    wah iya wab ane juga kmren baru dirubah... tapi masih kgk jadi . liyat ahh caranya :D
     
    masdan, Nov 22, 2011
    #17
  18. lerynurcahyo

    lerynurcahyo Newbie

    Joined:
    Nov 10, 2011
    Messages:
    16
    Likes Received:
    1
    cukup ruwet juga yA....I-)
     
    lerynurcahyo, Nov 23, 2011
    #18
  19. Cress

    Cress Newbie

    Joined:
    Jun 20, 2011
    Messages:
    36
    Likes Received:
    0
    Location:
    Ibukota banjir raya
    "menengahkan" ada beda arti gan, kalau menengahkan sama rata kiri kanan ( horizontal center), pakai html center harusna uda bs

    Kalau menengahkan atas bawah (vertical center) atau bener bener taruh content di tengah kayar itu harus pakai css paling gampang, coba di mbah google sja "vertical center with css" nanti juga ada satu dia template css yang bs dipakai ente :-B
     
    Cress, Nov 28, 2011
    #19

Share This Page