Membuat image style seperti windows 8

Halo gan, mau tanya dong cara buat sistem grid kaya gini : Bagaimana ya? saya pake boostrap ada jarak gitu seperti ini :

avatar asofyann
@asofyann

29 Kontribusi 7 Poin

Diperbarui 6 tahun yang lalu

5 Jawaban:

Jawaban Terpilih

setau saya biar bisa mefet gitu pake

float :

jadi gk ada jarak sama sekali.

terus kalo pengen sizenya random otomatis itu pake javascript, ada yang nyediain grid random gitu kok, namanya MANSORY.JS kalo gak salah , atau digugel pake keyword gallery random size with javascript.

kalo mau ribet ya atur sendiri2 aja satu2 hehehe.

saya sendiri belum nyoba sih , ini juga saya masih belajar css3 + javascript

mungkin itu aja yang saya tau, kalo kurang jelas mohon dimaafken ya :D

avatar naufalhfzhn
@naufalhfzhn

172 Kontribusi 59 Poin

Dipost 6 tahun yang lalu

saya mau tanya-tanya ni gan. saya baru belajar HTML dan CSS. saya iseng-iseng membuat sebuah blog pribadi. pada saat saya codding, dan dalam tahap pembuatan artikel utama dan widget, saya mengalami beberapa masalah. terutama penggunaan float. saya menyisakan space di sebelah kanan artikel utama. sekitar 400px untuk widget, saya ingin menempatkan widget di sebelah artikel utama, pertanyaan saya, di bagian CSS yang di SET float artikel utama atau widget. pada kasus ini dua-duanya sama-sama di set float. kalau salah satu saja widget tidak bisa pindah ke sebelah artikel utama. dan ini berdampak pada footer. footer tiba-tiba pindah ke atas membelakangi artikel utama dan widget. mohon pencerahan para mastah

avatar rizkywahyuprasetiyo
@rizkywahyuprasetiyo

1 Kontribusi 0 Poin

Dipost 6 tahun yang lalu

@MRcoder itu lah efek dari float, biasanya saya pake trik ini taruh class ini tepat setelah element yang menggunakan float


clearfix {
 clear:both;
 content: '';
 display: table;
}

contoh


<div style="float:left"></div //ini div yang di float
<div class="clearfix"></div> //gunain setelah element yang difloat
<footer></footer> //ini footernya

ada trik lain sebenernya bisa cari digugel keyword "clear float effect" tapi itu lah bang cara yang biasa saya pake.

semoga terjawab ^^ oiya bang mohon kalo ada pertanyaan lebih baik bikin forum sendiri ya.. jan ribut di form orang gk enak sama yang punya hehe..

avatar naufalhfzhn
@naufalhfzhn

172 Kontribusi 59 Poin

Dipost 6 tahun yang lalu

haha gapapa gan numpang tanya :D satu topik. btw ane ga pake float. background image aja taro di css hehe . makasih udah bantu jawab bro @naufalhfzhn

avatar asofyann
@asofyann

29 Kontribusi 7 Poin

Dipost 6 tahun yang lalu

sip bang @asofyann , semoga sukses projectnya :D

avatar naufalhfzhn
@naufalhfzhn

172 Kontribusi 59 Poin

Dipost 6 tahun yang lalu

Login untuk ikut Jawaban