Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
gimana caranya bikin jarak antar border ??
gimana caranya bikin jarak antar border ini ??????
11 Jawaban:
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>
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..
@Dodi123 waduhhh makasih bangetttt gan sekarang dah bisa nih yang masalah kemarin itu hahahahah :) makasih banget dah mau repot2 nyoba bantu gan :)
oiya gan maksudnya bukan gambar dengan bordernya, maksudnya itu antar kotak nya gan gimana tuh???
Jawaban Terpilih
Ohh ituu gann... maaf-maaf hheheh...
gini gann..
<div class="col-md-4 col-sm-6" style="height:400px; margin-top:20px;">
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)..
oke makasih sarannya gan :) maklum baru belajar heheheh :)