CSS Layouting – #4 Box Model : Margin
Video ini menjelaskan mengenai komponen pertama dalam Box Model yaitu “Margin”
topik yang akan dibahas meliputi :
– Cara Pakai
– Overlapping Margin
– Negatif Margin
– Auto
– Shorthand (penulisan singkat margin)
—
download slide:
http://www.slideshare.net/sandhikagalih/css-layouting-3-box-model
—
Plugin Sublime Text 3 – Emmet
http://emmet.io/
—
– HTML Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIVuONHysfOK0ZtiqUWvrx4F
– CSS Dasar
https://www.youtube.com/playlist?list=PLFIM0718LjIUBrbm6Gdh6k7ZUvPIAZm7p
– Tutorial Sublime Text
https://www.youtube.com/playlist?list=PLFIM0718LjIWE-Ot9V9qcALx5OMAZY67c
—
follow juga akun media sosial kita yang lain :
– https://www.facebook.com/WebProgrammingUNPAS
– http://codepen.io/webprogrammingunpas
– https://github.com/webprogrammingunpas
– http://pw.if-unpas.org
– http://www.unpas.ac.id
terimakasih dan selamat #ngoding!
@sandhikagalih
CSS Layouting – #4 Box Model : Margin
CSS Layouting – #4 Box Model : Margin
Mas itu sublime text nya pakai tema dan skema warana apa ya? Bagus.. 😊
Tolong dijawab yaa
pak dika mau tanya dong , saya kan mau buat struktur nah itu kan pasti ada tanda panah yang berupa gambar, yang saya ingin tanya cara menggabungkan di html dan cssnya agar gambar tersebut bisa dibawah gambar 1 dan 2 gimana ya? trims ..
Mas Sandhi, saya mau nanya diluar dari tutor ini, apa bedanya pemrograman web dengan menggunakan phpmyadmin/xampp atau tidak menggunakan xampp (hanya html)? satu lagi, saya membuat web dari tutor yang Mas sandhi buat, tapi saya kesulitan untuk membuat kolom komentar, dimana jika ada komentar, agar bisa tersimpan diwebsite saya. Terima Kasih, sukses terus dan jangan lelah untuk berbagi… he he
pak ini margin bottom bisa di auto jg gak y?
Pak dosen maaf mau tanya..klo angkanya pngin ada d tngah2 kotak pakai apa ya ??..kmrwn saya dah liat cuman lupa d materi yg mana
itu yang <html lang="en"> sama <meta charset="UTF-8"> fungsi nya buat apa sih?
kalo di file html gak pake yang kaya gitu masalah ga??
absen pak
mas itu biar berfungsi perintah (! terus ditab) gimana ya?
Pak margin: auto; saya kok gak berubah posisi, kira-kira saya salah di mana? Saya sudah mengikuti apa yang ada di video terima kasih mohon bantuannya
pak kalau margin auto nya cuman di tulis di salah satu sisi aja fungsinya buat apa? misal di kiri saja atau di bawah saja dalam div nya.
Bang mousenya buat liat ukuran itu.. Pake apa yah
Mas cara syntak sublimenya seperti mas sandika gimana? Mhn dijawab
Kak kalau belajar Web Developert urutanya mulai dari mna kak? Html,css, js,hph tau gimna k?
om sandiga galih itu pakai mozila versi berapa…. punya saya gak ada 3D…
Akhirnya sampai disini, saya terus ngikutin pak semoga bisa menjadi web development menguasai back end udah aja udah seneng
display: inline-block; itu gak bisa yah di terapkan langsung ke container/wadah nya ?
contoh html :
<div class="container">
<div class="satu">1</div>
<div class="dua">2</div>
<div class="tiga">3</div>
</div>
css :
.container {
display: inline-block;
}
knp klo saya kasih jarak pada margin ke duanya malah hilang
Pak saya pakai margin: auto tapi gak pengaruh apa2
Gimana solusinya
Tapi kalau pakai margin: 50px; itu work pak
ngikutin dari awal dasar HTML… ampe sini dah mulai garuk2 pala nih…
Pak tolong Pak kepala saya berasap
Materinya mendetail… Jadi berasa kuliah online hehehe
hallo, Pak Sandhika, maaf mengganggu pak, Saya mau nanya nih yang di menit 10.13 ada cursor untuk ngukur Pixel, itu pake tools apa yah pak ?
Terimakasih pak Sebelumnya.