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

avatar nvldwiptr
@nvldwiptr

7 Kontribusi 2 Poin

Diperbarui 3 tahun yang lalu

10 Jawaban:

coba ctrl+u terus klik link yg panggil icon bootstrap nya. kalau error berarti cara pemanggilannya ada yg salah

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 7 tahun yang lalu

@nandar : bukannya kalo pemanggilannya salah bootstrapnya juga gak jalan ya?

avatar nvldwiptr
@nvldwiptr

7 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

coba aja dulu

avatar Nandar
@Nandar

648 Kontribusi 204 Poin

Dipost 7 tahun yang lalu

udah gaaan, saya udah coba otak atik kagak ngaruh apa2.. apa mau saya coba upload tar agan liat ndiri?

avatar nvldwiptr
@nvldwiptr

7 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

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?

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

@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

avatar nvldwiptr
@nvldwiptr

7 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

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.

avatar onirusama
@onirusama

265 Kontribusi 184 Poin

Dipost 7 tahun yang lalu

itu font awesome nya gak jalan. enaknya langsung di coba di hosting

avatar konservasi
@konservasi

65 Kontribusi 10 Poin

Dipost 7 tahun yang lalu

coba hapus cache browser gan saya dulu ngalemin juga dan cek direktori icon apkah akses online apa offline

avatar zapzipzupzepzop
@zapzipzupzepzop

140 Kontribusi 137 Poin

Dipost 7 tahun yang lalu

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

avatar dhanidanger
@dhanidanger

3 Kontribusi 0 Poin

Dipost 3 tahun yang lalu

Login untuk ikut Jawaban