Postingan

Menampilkan postingan dari 2019

Membuat Menu Berada di Tengah Navbar

Gambar
Kali ini saya barusan belajar membuat navigation bar  (navbar) sederhana dimana menunya berada di tengah (center). Memang sudah banyak tutorial yang saya baca untuk membuat navbar ini. Hanya saja saya menemukan beberapa kendala yang tidak saya inginkan. Akhirnya setelah saya menggabung-gabungkan beberapa solusi yang saya temukan, saya berhasil membuat navbar sederhana sesuai keinginan saya. Jadi navbar yang saya inginkan seperti ini: Panjang navbar selebar layar Menu-menunya berada tepat di tengah Tinggi navbar menyesuaikan tinggi dari menunya (termasuk padding dari menu) Kurang lebih tiga syarat itu yang harus terpenuhi untuk membuat navbar sederhana sesuai yang saya inginkan. Oiya, ini cuman pakai HTML dan CSS. Dan tanpa efek aneh2. Namanya juga "navbar sederhana". :D Oke, begini caranya: 1. Buat file HMTL yang body nya berisi:   <div class="navbar">       <li><a href="#">Satu</a></li>       <li...

Memahami CSS Position Property

Setelah saya baca-baca tutorial dan penjelasan mengenai property  position  dari  w3schools  dan  belajarkoding , saya akhirnya bisa sedikit memahami perbedaan fungsi diantara lima value tersebut. Sebenarnya saya sudah pernah baca-baca dan  nge -praktikin kelima value itu, tapi ya karena jarang-jarang belajar lagi, akhirnya penyakit lupa menyerang. LOL. Oke, langsung saja saya ceritakan hasil belajar saya kali ini. Pada dasarnya, property  position  pada CSS memiliki empat value, yaitu: static relative absolute fixed inherit Tentunya kelima value tersebut memiliki fungsi masing-masing. 1. s tatic Value  static    ini merupakan value default yang secara otomatis nempel di elemen html. Jadi tanpa dideklarasikan pun value ini sudah ngikut secara otomatis. Singkatnya, value static ini akan memposisikan elemen html langsung di bawah atau di samping (jika pake float) elemen sebelumnya. Dia bisa digeser kesana kemari den...