Website help regarding a "favicon" file...

peterbeaumont · Sep 20, 2013, 16:11:02

I'm just playing around, trying to learn more stuff about website coding and I thought I'd try to add a "favicon"...

Despite "Googling", "Binging" and studying the source code of numerous sites where I can see a Favicon, I still can't get mine to display and wondered if anyone could help, please?

The html in my index page is:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
within the <head> section.
The favicon.ico file is already sitting on the server (a plesk account in Hong Kong where I'm based sometimes) in the root folder.

The website is http://christabelli.com/

Any suggestions, please?

Ray · Sep 20, 2013, 16:19:21

This work on one of my websites, looks like you've got an extra space and / after the word icon on each line.

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

peterbeaumont · Sep 20, 2013, 16:29:17

Thanks Ray...I'd originally tried both lines with ...icon"> but it didn't work - I noticed a site using ...icon" /> so I thought I would try that also...
I've just changed back to your suggestion, but still no luck.
(I cleared my cache before trying again).

Simon · Sep 20, 2013, 16:41:05

As Zap will tell you, Favicons are a bot of a dark art. Where are you placing the image for the icon, Peter? The one here is in the /public_html folder.

Simon · Sep 20, 2013, 16:43:21

Actually, I'm seeing a favicon now, Peter. An orange dot?

peterbeaumont · Sep 20, 2013, 16:46:22

Hi Simon...the favicon.ico file is in my local website folder and I uploaded it to the root (called httpdocs in my plesk account) folder on the server (which is where the index.html file is...
I don't have an original "image" file saved, I created it as a .ico file originally.

zappaDPJ · Sep 20, 2013, 16:47:59

Your favicon is working fine (as attached) but as Simon said, as the developer you will probably be the last person to see it because of local caching

peterbeaumont · Sep 20, 2013, 16:48:11

Well, it's a Daisy with an orange centre and white petals...

Might not have been the best one to choose, but I was just experimenting...I can't see it though...

Simon · Sep 20, 2013, 16:48:37

Quote from: peterbeaumont on Sep 20, 2013, 16:46:22
Hi Simon...the favicon.ico file is in my local website folder and I uploaded it to the root (called httpdocs in my plesk account) folder on the server (which is where the index.html file is...
I don't have an original "image" file saved, I created it as a .ico file originally.

Sorry, that's what I meant, Peter, the 'image' being the .ico file. But, as I said, it does seem to be working,

Ray · Sep 20, 2013, 16:48:55

It seems to be working now Peter, I can see it.

JB · Sep 20, 2013, 16:52:31

As Zap has said (inferred?) favicons are a bit of a PITA because you can't immediately see if they are working because of your browser cache.

When I set them up it took me ages to realise they were working, and only when I viewed the site with a browser that had not 'been there' before.

peterbeaumont · Sep 20, 2013, 16:54:21

Ok, thank you all...I will wait until I can see it, then change it to something more visible...
I assumed all changes I made on the server were reflected instantly online, as all "normal" changes I make show up straight away.

Simon · Sep 20, 2013, 16:56:48

How silly to think so logically, where servers are concerned.

peterbeaumont · Sep 20, 2013, 17:05:00

Is there a cache within my FTP Client, or a cache on the server that I can clear?
I was clearing my browser cache (I only have IE8 here) after every update I made to the server, thinking I would see the "latest" version...

peterbeaumont · Sep 21, 2013, 10:47:15

I just re-checked after waiting 18 hours, but I still can't see it here...am I being impatient, or just dumb?

Simon · Sep 21, 2013, 10:52:33

Annoying, isn't it? Have you tried a different browser, Peter?

peterbeaumont · Sep 21, 2013, 10:56:04

Yes Simon, very annoying

I only have IE8 on this machine, perhaps that is the reason?
JBs earlier comment suggested that might be related to it?
I'll wait a bit longer...
Is it still visible on your machine?

colirv · Sep 21, 2013, 10:59:32

On my computer it shows in Firefox, Safari, Chrome and Opera but not IE10. That may be your problem!

peterbeaumont · Sep 21, 2013, 11:03:21

Hmmmm...I guess if it's "out there" and visible, it's ok.
I can see other favicons on websites here on IE8, even though mine won't display - and the coding of the websites I can see seem identical to mine...

colirv · Sep 21, 2013, 11:08:30

Mine works in IE10, but I don't refer to it in any html on any page. I simply have favicon.ico sitting there in the root (public html) directory on my website, alongside index.html, and browsers pick it up from there.

peterbeaumont · Sep 21, 2013, 11:11:37

Thanks Colin, I'll try that and see what happens...

peterbeaumont · Sep 21, 2013, 11:30:10

I made the change - if anyone has time to check it later and see if it's still there, I would appreciate it. Thank you.

colirv · Sep 21, 2013, 11:46:03

It's still there - but still not there in IE!

Ray · Sep 21, 2013, 11:59:06

I can see it in IE10

peterbeaumont · Sep 21, 2013, 12:09:44

After it still didn't show here, I just made a new favicon image and uploaded it and it now shows on my screen!
Not sure why, but thank you all for your help.