Karena tutorial ini lebih saya tujukan

Karena tutorial ini lebih saya tujukan untuk web programmer juga, jadi bawaannya agak sedikit berbeda dengan posting-posting saya sebelumnya. Pada tutotial ini saya akan menjelaskan detail-detailnya dan lebih gamblang mengungkapkan istilah-istilah pemrograman karena saya asumsikan anda mengerti.
Mulai dari sini, sebaiknya anda membaca sambil membuka file html dan css yang bisa anda download lewat link di atas. Silahkan buka lewat source code editor kesayangan anda, kita akan membedahnya bersama-sama.
Konsep
Konsep membuat mega dropdown menu ini, sama dengan dropdown menu css yang pernah saya bahas sebelumnya, yaitu menggunakan pseudo class :hover pada selector tag <li>. Perbedaannya, terletak pada properti position: untuk tag <li> dan markup HTML untuk dropdownnya.
Perbedaan Tipe Posisi antara Mega menu dan Dropdown biasa
Karena tutorial ini lebih saya tujukan untuk web programmer juga, jadi bawaannya agak sedikit berbeda dengan posting-posting saya sebelumnya. Pada tutotial ini saya akan menjelaskan detail-detailnya dan lebih gamblang mengungkapkan istilah-istilah pemrograman karena saya asumsikan anda mengerti.
Mulai dari sini, sebaiknya anda membaca sambil membuka file html dan css yang bisa anda download lewat link di atas. Silahkan buka lewat source code editor kesayangan anda, kita akan membedahnya bersama-sama.
Konsep
Konsep membuat mega dropdown menu ini, sama dengan dropdown menu css yang pernah saya bahas sebelumnya, yaitu menggunakan pseudo class :hover pada selector tag <li>. Perbedaannya, terletak pada properti position: untuk tag <li> dan markup HTML untuk dropdownnya.
Perbedaan Tipe Posisi antara Mega menu dan Dropdown biasa