Jump to content
View in the app

A better way to browse. Learn more.
OSBot :: 2007 OSRS Botting

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Favicon won't show up?

  •
Wu Tang Cummins
in Web Development

Featured Replies

EDIT: Thanks for all the help guys, I seemed to have fixed it by uploading to Imgur, and putting that link in for the href, not a local computer address!

 

 

 

I'm usually really good at HTML and things, but for some reason I cannot get my favicon to show up on my html site.  I'm almost certain I have the code correct, but I just can't get it to display.

 

My favicon is 16x16, and is the .ico extension.  Here's the code I have in my <head> tags:

 

Any help would be appreciated!

 

44hKC.png

Edited by Cummins

I'm not sure why that's not working, it might have something to do with the .ico file. I'd try it with a .png to test it out.

Then change the type to equal "image/png" and the href to "images/favicon1.png".

 

Another solution would be to try to upload your icon file to an image hosting website and then link to it using the direct URL in the href. This would fix it if it was having problems with locating the file in your local directory.

Edited by Sherlock

  • Author
<link rel="icon" type="image/ico" href="image/favicon1.ico" />

 

That code still doesn't display it.

 

@Sherlock, I've changed it to PNG, and that still doesn't display it.

I believe this should work:

<link rel="shortcut icon" href="images/favicon1.ico" />

If this doesn't work, try changing to a PNG and using this

<link rel="icon" type="image/png"  href="images/favicon1.png">

Edited by Jason

@Sherlock, I've changed it to PNG, and that still doesn't display it.

 

Then upload your icon file to an image hosting website and then link to it using the direct URL in the href.

This would fix any errors with finding it in the local directory.

  • Author

Guys, I have no idea why nothing's working but so far everything you've suggested to me hasn't worked. I've even made a new html document just to put in the code and it still doesn't.  (Changing it to PNG doesn't work either, for any of the codes you've suggested either guys!)

 

 

 

EDIT:  I uploaded the PNG file to Imgur, and put in the Imgur link into the href spot, and this works.  So I guess I'll have to do that, instead of a computer url.

 

Thanks for the help guys!

Edited by Cummins

I know you fixed this already, but if you don't clear your DNS cache after you've done it, it will take a while to show up, like when you first create a website. I had this same prob. I was doing everything right, but I hadn't cleared my cache afterwards so it didn't show up, but it did for everyone who hadn't previously loaded the webpage.

go to run prompt, type in cmd. then in the command prompt, type "ipconfig /flushdns"

Guys, I have no idea why nothing's working but so far everything you've suggested to me hasn't worked. I've even made a new html document just to put in the code and it still doesn't.  (Changing it to PNG doesn't work either, for any of the codes you've suggested either guys!)

 

 

 

EDIT:  I uploaded the PNG file to Imgur, and put in the Imgur link into the href spot, and this works.  So I guess I'll have to do that, instead of a computer url.

 

Thanks for the help guys!

 

Didn't realize this was local.

Guest
This topic is now closed to further replies.
Go to topic listing

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

Configure browser push notifications
Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.