Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Icon pada website tidak terbaca/muncul icon aneh
Selamat pagi sahabat sekolahkoding.. Saya mau nanya nih mengenai front-end, saya baru aja buat template untuk pengerjaan program KKP saya. Tapi disini ada error yg berupa icon gambar dari template yg saya buat malah error/tidak terbaca. Padahal settingan directorynya udah benar, kalo misalkan salah otomatis bootstrapnya tidak terbaca.
mohon bantuannya para sahabat sekolahkoding :D
10 Jawaban:
coba ctrl+u terus klik link yg panggil icon bootstrap nya. kalau error berarti cara pemanggilannya ada yg salah
@nandar : bukannya kalo pemanggilannya salah bootstrapnya juga gak jalan ya?
udah gaaan, saya udah coba otak atik kagak ngaruh apa2.. apa mau saya coba upload tar agan liat ndiri?
Mungkin bisa munculkan kode2 terkait, struktur folder, dan hasil inspect elementnya->console. Saya kurang paham maksud "icon gambar dari template yg saya buat", maksudnya iconnya agan buat sendiri atau bawaan bootstrap alias glyphiconnya?
@onirusama : icon dari fontawesome/glyphicon/linearicons gak ada yg kebaca sama sekali gan.. jadinya malah nimbul icon aneh kayak gitu .. nih ane upload filenya gan biar gampang dikoreksi salahnya dimana kok bisa jd muncul icon kek gitu, padahal project2 sebelumnya gak kenapa2 :
https://www.mediafire.com/?cpc40i4l6103i1u
Coba didebug pelan2. Saya rasa ada dua kemungkinan errornya: 1. Masalah path iconnya yg diinclude di css 2. Masalah browser
Empat test berikut 3 hasilnya normal/tidak ada masalah sedangkan 1 lainnya error seperti yg agan tampilkan gambarnya:
# Note: Test melalui ubuntu 14.04 - Chrome v58 - test di localhost => hasil normal Result : [img] https://s18.postimg.org/qy5og8uwp/chrm-lcl.png [/img]
- Chrome v58 - tanpa localhost (maksudnya file htmlnya langsung diseret ke browser) => hasil normal Result : [img] https://s18.postimg.org/rc70fuf09/chrm-nlcl.png [/img]
============================================================ - Firefox v53 - test di localhost => hasil normal Result :
- Firefox v53 - tanpa localhost (maksudnya file htmlnya langsung diseret ke browser) => hasil error
So, apa yg harus dilakukan? Silahkan menuju forum atau pusat bantuan dari icon yg agan gunakan dalam hal ini linearicon dan minta penjelasannya. Coba juga agan lakukan test seperti di atas, dengan local server dan tanpa local server. Kalau memang masalahnya hanya terjadi ketika file diseret begitu saja ke browser, sy rasa agan tidak perlu khawatir karena toh nantinya proyeknya kan mau dihosting. Bisa jadi ini masalah path icon yg diinclude di cssnya, silahkan inspect element lebih lanjut dan lihat path iconnya saat file menggunakan local server dan tanpa local server.
itu font awesome nya gak jalan. enaknya langsung di coba di hosting
coba hapus cache browser gan saya dulu ngalemin juga dan cek direktori icon apkah akses online apa offline
Coba agan Rubah Font awesomenya menjadi Huruf Besar pertama pasti bisa karena kalau kita menhosting harus merubah semua case sensitive suatu file misal login.php rubah denngan Login.php
Dan Juga misalkan all.min.css Rubah menjadi All.min.css