Comments on Profile Post by wrep17

Jadi begini saya sedang berlatih tiap harinya, tapi kadang stuck dan kadang olah sendiri dan nyari di internet. Tapi, tau sendiri lah masalah datang terus, jadi lari ke sini sejenak

Saya punya projek, seperti ini http://i.imgur.com/ZLYmWfF.png . Nah kebetulan saya ingin membuat tulisan "Jangan Manja" dan foto itu dalam satu kotak. Untuk jangan manja sebelah kiri dan foto nya sebelah kanan.

Kira2 bagaimana caranya ya? CSS yang perlu ditamabhkan apa kira2 ? Kode saya ada di https://pastebin.com/raw/t3AZKQg8

Lebih simple nya biar dikoresi, di https://jsbin.com/xetuduzizi/1/edit?html,output

Saya liat kamu ingin menjadikan itu menjadi suatu kolum, Anda harus ketahui attribut float dan perbedaan display block, inline, inline-block. Brb kode menyusul.

HTML/CSS itu tidak sulit semenjak gunanya adalah menampilkan yang ada. Saya seperti menata risa pot bunga.

Kalau bicara resposif, cek situs ini: http://cewek.g4ul.com

Saya gunakan framework https://github.com/oxalorg/sakura sebagai dasar HTML karena tidak ada class/id tambahan (murni tag). Saya modifikasi seperti yanh di komentar atas... dan jadilah.

"Saya liat kamu ingin menjadikan itu menjadi suatu kolum"

Ya betul, contohnya seperti ini http://i.imgur.com/huGVNPZ.png

Ini: https://jsbin.com/harihuxayu/edit?html,output

Untuk bacaan: https://u.nya.is/cvwmys.zip (lama karena upload. Jaringan lelet.)

Okesiap, saya pelajari dulu

Maaf baru sempat kebuka, lagi magang soalnya :)

Btw, kalau wordpress biar bisa menghitung ongkos kirim JNE, POS gimana ya?

Kalau di Woocommerce kan cuma biaya nya aja, sedangkan ongkir blm termasuk

Lalu sms gateway yang gratis yang bagus dimana?

Saya kira itu ada algoritmanya atau programming lanjutan. Saya sebagai programmer di suatu jasa transporatsi online memerlukan perhitungan radius untuk suatu koordinat peta. Asalkan anda tahu. Jarak didapatkan dari Poin A ke Poin B. Setiap Poin memiliki kooridinat Latitude-Longitude.

Dari jarak tersebut didapatkan biaya untuk tarif persatuan jarak (misal per kilometer).

Untuk SMS gateway, saya tahu ada dapat bayak.

Walach blm paham seperti itu

Bikin ginian itu pakai flexbox atau float ?

http://i.imgur.com/UNoWEib.png

Kritik dan saran :)
http://i.imgur.com/sRKIcwp.png

Btw biar menu nya ada ditengah gimana ya?

Meh. Flexbox hanya bekerja pada browser modern saja. Namun tidak untuk yang lawas.

Pakai traditional kolumn grid yang sebagaimana diimplementasikan bootsrap atau mincss juga bisa.

Cek ini: http://mincss.com/docs.html

Tapi kebetulan gambar tiga diatas tidak pakai fleboxk, saya pakai position relatife sama atur left, right, top, bottom :3

Idk kalau kolumnya ada banyak.

Code : https://pastebin.com/raw/c1RyCLmA
Preview : http://i.imgur.com/toPWgI8.png

Dengan gambar ketiga itu saya pakai float : left, riight

Lalu saya ingin memberikan sebuah tulisan dibawahnya, misal "Guru Matematika" dan sebagainya.

Kira2 bagaimana ya?
Saya tambah span, p ga bisa malah kesamping dan gambarnya ikut kebawah.

Saya kasih float juga demikian :)

Seret juga @Ardilas

Gunakan Divisor untuk memberi tulisan di bawah gambar. Seperti yang dilakukan ini: http://minicss.org/card#sections-media
Border adalah optimal.

Baiklah, saya pelajari dulu

Dan saya tidak menemukan jawabannya
Divisidor itu untuk <hr> bukan?

<div> adalah tag dari divisor. Berbeda dengan <span> yang inline, divisor bawaannya adalah block.

Berarti display: block begitu ?

Yeah. Ada beberapa display yang berpengaruh sebagaimana tujuannya. Sebagai contoh anda bisa membuat beberapa <a> anchor dengan property style display: block, display: inline-block, dan display: inline. Di dalam anchor berikan suatu <h2>. Setelah anda buat, anda bisa bandingkan apa perbedannya.

Baiklah saya coba2 dulu

Bisa kasih saya projek yang ringan seputar HTML CSS
Saya kok stuck mau bikin apa bingung :)

Tanpa JS? Anda bisa ambil quiz seksi html dan CSS di w3schools dan ukur seberapa pengetahuan anda seputar html dan CSS.

Sudah kalau itu, maksudnya suruh buat apa begitu
Atau saya buat box, button, form login dengan desain yang menarik?

Anda bisa coba ini: https://flukeout.github.io/

Buat form login atau form lainnya.
Bagian submit / login / daftar

Enaknya pakai type text submit atau button dengan a href ?

Saya pakai sewajarnya: submit. Kecuali bila dalam kasus adalah Javascript.