Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
menu yang bergeser saat restore window
Selamat siang semuanya.. Saya sedang belajar membuat menu dengan selektor id dan class pada css. Namun saya bingung ketika windownya dibuat menjadi setengah layar (window+kanan), menu tersebut seketika terlihat berantakan.. Saya sudah coba pada semua tag.termasuk tag heading yang sedang saya otak-atik ini,hasilnya juga sama berantakan..
kira2 kurang apanya ya? Bagaimana supaya menu tersebut tetap pada posisinya walaupun windownya restore?
terima kasih..
10 Jawaban:
agan harus belajar website responsive, dan untuk kasus sederhananya ubah size px menjadi %
contoh 5px menjadi 5%
belajar website responsive.. dan hindarkan penggunaan px.. pakai persen.. dan untuk text jangan gunakan px. tapi pakai em. tapi kita perlu mensetkan ukuran default website.. menjadi beberapa px.. dan di set kembali menggunakan aturan last rules apply . misalnya
body{ font-size:16px;}
h1{font-size:2em; /* 16x2 */
kalo agan sudah belajar website responsive kayaknya agan mudah memahami apa yang udah saya jelasin...
@stivenkatuuk
body{ font-size:16px;}
h1{font-size:2em; /* 16x2 */
maksud agan defaultnya 16px hanya saja selanjutnya bisa dirubah lagi sizenya ya?
misalnya default font sizenya 16px.. nah default size itu nanti akan sangat berguna di RWD (Responsive web design.)
jadi agan tinggal ngerubah 16px tersebut untuk ngecilin font nya. gaperlu ngecilin 1 per 1 di element css nya.. nanti otomatis font yang lain ikut mengecil..
@stivenkatuuk iya gan paham.cukup merubah pada satu selektor saja.terima kasih penjelasannya
tapi kalau untuk kasus ane diatas, kira2 properti apa ya agar supaya menunya tetap pada posisinya..?
mungkin agan bisa baca ini [link]https://www.w3schools.com/css/css_rwd_mediaqueries.asp [/link]
agan butuh belajar tentang responsive web design (RWD), di sekolah koding ada kok tutorialnya, selain itu saya juga sempet nulis tentang rwd (responsive web design) disini https://sekolahkoding.com/forum/hal-hal-yang-perlu-diperhatikan-untuk-membuat-responsive-website. Nah coba agan pelajari dlu tentang rwd, ntar klo ada yang bingung bisa ditanyakan kembali disini. Soalnya pertanyaan agan itu lebar banget, masalah itu terjadi karena belum menerapkan RWD, jadi wajar aja kalau berantakan. Mungkin ntar ketika belajar RWD, agan bakal ngeh kenapa bisa berantakan gitu
iya gan.. @StivenKatuuk, @timelord sudah 1 minggu ini ga lanjut belajarnya.. akan saya pelajari dulu RWD-nya..
semangat gan belajarnya! oh iya ini saya sempet nulis juga disini tentang responsive design, bisa dibaca disini
[link]https://sekolahkoding.com/forum/hal-hal-yang-perlu-diperhatikan-untuk-membuat-responsive-website [/link] https://sekolahkoding.com/forum/responsive-design-perbedaan-rem-em-vh-dan-vw