gimana caranya bikin jarak antar border ??

gimana caranya bikin jarak antar border ini ??????

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Diperbarui 7 tahun yang lalu

11 Jawaban:

pakai margin:10px;

avatar ardyhim
@ardyhim

289 Kontribusi 175 Poin

Dipost 7 tahun yang lalu

Setting padding nya gann..

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

Hahhaa halo gan, yg kemarin itu yaa.. saya baru sadar kenapa gambar yg satunya gk ikut sejajar... ternyata mas belum nentuin tinggi masing2.. jadi yg mempengaruhinya adalah judul-nya ada yang sedikit kepanjangan.. untuk ngatasin ituu ginih gann hehehe


     <div class="table-row-equal">
      <div class="col-md-4 col-sm-6" style="height:400px;">  // disinii nih gan nentuin tinggi nya



    <div class="table-row-equal">
      <div class="col-md-4 col-sm-6" style="height:400px;">  // tentuin disini tinggi nya gan..
        <div class="thumbnail">
          <img class="img-responsive zoom" src="Artikel Cover.JPG" style="width:100%; height:200px;">
          <div class="caption">
            <p>Mari berdiskusi di OceanUndip.Com, membahas berbagai masalah tentang kelautan saat ini sebagai</p>

            <div id="menu_thumb">
              <p class="waktu"> <span class="glyphicon glyphicon-time" aria-hidden="true"> : </span> <?= $row['waktu']; ?> </p>
              <p class="tag"> <span class="glyphicon glyphicon-tags" aria-hidden="true"> : </span> <?= $row['tag']; ?> </p>
              <?php if($login == true): ?>
                <a href="edit.php?id=<?= $row['id']; ?>" class="btn btn-primary"> Edit </a>
                <a href="delete.php?id=<?= $row['id']; ?>" class="btn btn-danger"> Hapus </a>
              <?php endif; ?>
              <a href="single.php?id=<?= $row['id']; ?>" class="btn btn-info"> Baca artikel </a>
            </div>
          </div>
        </div>
      </div>
    </div>

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

Untuk jarak border nya gini nih gann...



          <img class="img-responsive zoom" src="Artikel Cover.JPG" style="width:100%; height:200px;padding:10px;">  // tambahin padding nya disini gann..

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

@Dodi123 waduhhh makasih bangetttt gan sekarang dah bisa nih yang masalah kemarin itu hahahahah :) makasih banget dah mau repot2 nyoba bantu gan :)

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

Okee sipp mantabbb gann.. hehhee

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

oiya gan maksudnya bukan gambar dengan bordernya, maksudnya itu antar kotak nya gan gimana tuh???

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

Jawaban Terpilih

Ohh ituu gann... maaf-maaf hheheh...

gini gann..


      <div class="col-md-4 col-sm-6" style="height:400px; margin-top:20px;">

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

siip gan dah bisa :) thanks !!! :)

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

Jadii gini gann, supaya gampang ngatur2 semua.. basic nya, agan harus pahami dulu strukur tiap2 'div' nya.. karna masing2 punya fungsi pembungkus yang berbeda terhadap yang didalamnya (text, gambar atau konten lainnya)..

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

oke makasih sarannya gan :) maklum baru belajar heheheh :)

avatar Dagimal
@Dagimal

275 Kontribusi 24 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban