Tips Mengatasi Problem CSS Saat Membuat Layout Facebook

Artikel ini saya buat khusus untuk murid dan seluruh Dumenity yang sedang menempuh ilmu di Dumet School. Kali ini saya akan memberikan tips bagaimana mengatasi beberapa masalah yang muncul dalam html yang pasti teman-teman akan dapatkan saat membuat desain layout Facebook.

Sangat menarik dapat banyak menemukan hal-hal baru dalam belajar html dan css, terkadang kita mendapatkan beberapa sifat tag html yang terasa aneh dan sulit untuk diatur, tapi justru problem-problem seperti itulah yang bisa membuat teman-teman semakin jago dalam menguasai html. Berikut saya sudah mereview beberapa kasus yang saya sering temukan saat membuat desain layout Facebook.

1. Membuat rata tengah vertikal

Ini adalah problem yang paling sering kita temui, kadang masalah ini bisa banyak memakan waktu.

    

Yap, ini untuk mengatasi hal di atas berikut adalah html teman-teman harus buat.

Untuk membuat teks tersebut rata secara vertikal, kita bisa menggunakan property position: relative; dan menggunakan bottom: ..px;

Hasilnya adalah seperti berikut.

2. Membuat form dropdown

Ini sebenarnya cukup simple, kamu tinggal menambahkan property border dan sediki padding & margin.

Silahkan buat tag html seperti berikut.

dan tambahkan property css.

Dan hasilnya seperti berikut.

Oke teman-teman, sampai bertemu lagi dalam tips selanjutnya...

11 Februari 2015

Webinar Gratis 2024


Selanjutnya Pada Bulan Maret 2024

Sabtu, 09 Maret 2024


10 Bahasa Rekomendasi Untuk Dipelajari di 2024

Python Developer, Data Science, Web Application

Kursus Python Django Web Application 2024 di DUMET School Mini Bootcamp Backend Laravel 11 Bulan Mei 2024 di DUMET School
Webinar Selanjutnya Mei 2024

Minggu, 26 Mei 2024, 09.00-13.00 WIB

(4 Jam Membuat Backend di Laravel 11)

chat