KianHome - Masalah yang terjadi dengan tinggi ataupun lebar sebuah kolom sebagian besar teman-teman blogger pernah mengalaminya kan??.
Postingan kali ini akan membahas mengenai "cara mensejajarkan tinggi dan lebar sebuah kolom widget" dengan CSS code. Kita akan langsung mulai pembahasannya dengan menambahkan kode dibawah ini,
Kode diatas berlaku juga untuk mengatur lebar sebuah kolom agar sama, yang perlu diperhatikan adalah menentukan lebar kolom yang sama dari masing-masing widget. Semoga bisa bermanfaat.
Postingan kali ini akan membahas mengenai "cara mensejajarkan tinggi dan lebar sebuah kolom widget" dengan CSS code. Kita akan langsung mulai pembahasannya dengan menambahkan kode dibawah ini,
word-wrap: break-word;Tambahkan kode tersebut pada kode CSS kolom yang akan sobat buat sejajar atau sama tinggi.contoh, kita ambil kode pada sidebar blog,
overflow: hidden;
#leftsidebar{Dari contoh kode diatas kita tambahkan kode yang diatas, sehingga menjadi:
height: 190px;
float: left;
margin:0px 10px 0px 0px;
}
#rightsidebar {
height: 200px;
float: left;
margin:0px 5px 0px 0px;
}
#leftsidebar{Namun ada yang perlu diperhatikan bahwa, untuk membuat tinggi dari kolom itu sejajar maka kita harus menerapkan tinggi yang sama pula untuk masing-masing kolom. Sebagai contoh jika tinggi pada kolom 1 adalah "200px;", maka pada kolom ke-2 dan seterusnya juga menggunakan tinggi yang sama, yakni "200px;" juga.
height: 200px;
float: left;
margin:0px 10px 0px 0px;
word-wrap: break-word;
overflow: hidden;
}
#rightsidebar {
height: 200px;
float: left;
margin:0px 5px 0px 0px;
word-wrap: break-word;
overflow: hidden;
}
Kode diatas berlaku juga untuk mengatur lebar sebuah kolom agar sama, yang perlu diperhatikan adalah menentukan lebar kolom yang sama dari masing-masing widget. Semoga bisa bermanfaat.
ok nich blognya ...Replay
thanks infonya sobat,,,,, slm dari newbie ...Replay
makasih gan infonya, ane jadi lebih tahu. ...Replay
makasih info nya gan. ...Replay
makasih gan infonya ...Replay
makasih gan infonya sangat bermanfaat. ...Replay
og gitu caranya, makasih gan infonya. ...Replay
siip ,, thx informasinya gan :) ...Replay
thx udda berbagi ilmunya gan :) ...Replay
thanks infonya ya ...Replay
info yg baguss sobat ...Replay
thx nih informasinya ,, sangat bermanfaat buat saya :) ...Replay
thanks ya gan untuk informasinya sangat bermanfaat sekali nih ...Replay
infonya menarik sekali ...Replay
wah manteb banget boss, infonya :D
Bwin368 Agen Judi Terpercaya
Master Agen Bola Online
Forum Judi Online ...Replay
wah bagus sob
News-Bola.Com
./Riedho-Cbs
Informasi Terlengkap ...Replay
https://tvskybox.com
5000 iptv ch - only 4 usd per month!
htrotex@gmail.com
work on any devices like phones,tablets,smart tv,iptv set top-box... ...Replay