Ok, I have tried the following: placed the favicon.ico (the .ico I made using a favicon generator ) in the root directory used the following code in my header: <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <link rel="shortcut icon" href="/favicon.ico"> <title>Kerris Ganeson Illustration</title> </head> I have tried variations of this code that I have found online including: <link rel=”icon” href=”favicon.ico” type=”image/x-icon”> <link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”> I have cleared all of my browsers cache each time I try a new method I have also run a few of those online favicon validators that tell me my favicon is indeed there. When I go to kerrisganeson.co.uk/favicon.ico I do not get an error, just a blank page My website is www.kerrisganeson.co.uk (As an extra point, the titles on my site do not seem to be working, has that got something to do with it? I thought maybe it was because I'm forwarding the URL but that could be another problem for another day! Also, there is just a blank space where the favicon should be, no little white page that normally shows when a site has no favicon.) I am super new to this and think I must be doing something silly but I can't for the life of me figure out what. Any help would be greatly appreciated.

Reputation: 11

Favicon: How do I make it show in browser?

Ok, I have tried the following:

placed the favicon.ico (the .ico I made using a favicon generator) in the root directory
used the following code in my header:

<head>
  <link type="text/css" rel="stylesheet" href="stylesheet.css" />
  <link rel="shortcut icon" href="/favicon.ico">
  <title>Kerris Ganeson Illustration</title>
</head>

I have tried variations of this code that I have found online including:

<link rel=”icon” href=”favicon.ico” type=”image/x-icon”>
<link rel=”shortcut icon” href=”favicon.ico” type=”image/x-icon”>

I have cleared all of my browsers cache each time I try a new method
I have also run a few of those online favicon validators that tell me my favicon is indeed there.
When I go to kerrisganeson.co.uk/favicon.ico I do not get an error, just a blank page

My website is www.kerrisganeson.co.uk

(As an extra point, the titles on my site do not seem to be working, has that got something to do with it? I thought maybe it was because I'm forwarding the URL but that could be another problem for another day! Also, there is just a blank space where the favicon should be, no little white page that normally shows when a site has no favicon.)

I am super new to this and think I must be doing something silly but I can't for the life of me figure out what. Any help would be greatly appreciated.

Upvotes: 1

Answers (2)

user3231622

Reputation: 341

<html>
<head>
<link rel="shortcut icon" href="favicon.ico" />
<title>My title</title>
</head>
</html>

Should work fine. Make sure your favicon:
-exists (your favicon refers to the right URL)
-is a correct file format (try using an existing favicon, e.g. http://www.redditstatic.com/favicon.ico as a source to see if that solves your problem)

Upvotes: 0

Alvaro Montoro

Reputation: 29645

The problem is with the frames that you (or your hosting) are using.

Although your page (http://69.195.124.161/~kerrisga/) has the icon set up correctly:

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

the page that contains the frame (http://www.kerrisganeson.co.uk/) doesn't have the icon set up correctly:

<link href=" " rel="shortcut icon" type="image/x-icon">

It is empty, and that's why you don't see any icon.

To fix the problem:

Avoid the frameset if possible (frames are not supported in HTML5)
Set up the icon in the page that contains the frameset

Upvotes: 2

Favicon: How do I make it show in browser?

Answers (2)

Related Questions