Web developers/HTML guys......
Thread Starter
Joined: May 2003
Posts: 23,329
Likes: 6
From: Norfolk
I am having a play around with our website and am determined to add an address bar icon. I have read up various ways to do it and am convinced that I have the code right. I have also placed a 16x16 icon in the root directory, which can be viewed here......
http://www.ap-tuning.co.uk/favicon.ico
However, it still doesn't work. All I can see wrong is that sometimes if you open the link above, the logo doesn't display immediately and you have to either refresh it or click 'show picture', before it will work.
What am I doing wrong??!!
http://www.ap-tuning.co.uk/favicon.ico
However, it still doesn't work. All I can see wrong is that sometimes if you open the link above, the logo doesn't display immediately and you have to either refresh it or click 'show picture', before it will work.
What am I doing wrong??!!
I don't think the browser likes displaying .ico files if you right click it AND select "Show picture" it displays ok, I would convert the ICON file to a gif or jpeg then I think it will work fine
you certain its a .ico ?? because when i try to save it using Mozilla Firefox it states its a Jpeg actually favicon.ico.jpg
what did you create the icon with ? it looks as if it was done with paint or photoshop rather than a specific icon editor
also your code is wrong
Open up index.html, and add this line after any meta tags in the HEAD section but before the </head>.
<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">
If you are in a user directory, without a domain, add something like this instead:
<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/yourdir/favicon.ico">
what did you create the icon with ? it looks as if it was done with paint or photoshop rather than a specific icon editor
also your code is wrong
<LINK REL="SHORTCUT ICON" HREF="/favicon.ico" />
<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">
If you are in a user directory, without a domain, add something like this instead:
<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/yourdir/favicon.ico">
Thread Starter
Joined: May 2003
Posts: 23,329
Likes: 6
From: Norfolk
Originally Posted by UnseenMenace
you certain its a .ico ?? because when i try to save it using Mozilla Firefox it states its a Jpeg actually favicon.ico.jpg
what did you create the icon with ? it looks as if it was done with paint or photoshop rather than a specific icon editor
also your code is wrong
Open up index.html, and add this line after any meta tags in the HEAD section but before the </head>.
<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">
If you are in a user directory, without a domain, add something like this instead:
<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/yourdir/favicon.ico">
what did you create the icon with ? it looks as if it was done with paint or photoshop rather than a specific icon editor
also your code is wrong
<LINK REL="SHORTCUT ICON" HREF="/favicon.ico" />
<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/favicon.ico">
If you are in a user directory, without a domain, add something like this instead:
<link REL="SHORTCUT ICON" HREF="http://yoursitedotcom.here/yourdir/favicon.ico">
So, can I use a .jpg?
Also, everywhere else in my coding, I use '/picturename.jpg' for pictures in the root directory. I don't have to use the full address. What's that all about?
Trending Topics
Originally Posted by AndyBrew
where you getting the source code from? that link christian has put up simply points to the file favicon.ico at my end

Thread Starter
Joined: May 2003
Posts: 23,329
Likes: 6
From: Norfolk
Originally Posted by UnseenMenace
its a JPEG... it is ... its a JPEG
Do I win a prize... do I get to drive your car
Do I win a prize... do I get to drive your car
And, No, you don't. But a passenger ride wouldn't be a problem. (when its fixed)
why do you want it as an ico file .... you will need to buy/steal an icon editor from somewhere or other that can import image files. However ico files are a very specialised thing and importing a jpg usually looks shit as it would need drawing from scratch to look nice, but you can only try
Thread Starter
Joined: May 2003
Posts: 23,329
Likes: 6
From: Norfolk
Originally Posted by AndyBrew
why do you want it as an ico file .... you will need to buy/steal an icon editor from somewhere or other that can import image files. However ico files are a very specialised thing and importing a jpg usually looks shit as it would need drawing from scratch to look nice, but you can only try 
So, what if I rename it as a .jpg and change the code?
Option 1... download and rename it
(although this can cause problems displaying in certain browsers)
Option 2 download a icon editor such as the one found at http://ranfo.com/iconedit.html open the file in that and save it to the correct format
Option 3 Change your mind about letting me drive you car and I will email you it
j/k
if you want me to email you one I can do, its np... just having dinner at the moment
Option 2 download a icon editor such as the one found at http://ranfo.com/iconedit.html open the file in that and save it to the correct format
Option 3 Change your mind about letting me drive you car and I will email you it
if you want me to email you one I can do, its np... just having dinner at the moment
Originally Posted by Christian and Beccy
I just want to display that little logo in the address bar, thats all!!
So, what if I rename it as a .jpg and change the code?
So, what if I rename it as a .jpg and change the code?
Why not resave the image in Photoshop as "Save for Web" as a .jpg. Will work then with no probs.
Also have you checked this on Mozilla and IE as these browsers interpret code differently
Also have you checked this on Mozilla and IE as these browsers interpret code differently
the file is not a icon (ico) and it needs to be otherwise it will not display in every browsers address bar, which is the objective.. the favorite icon requires an absolute path which is why the URL is required... failure to follow this can create issues with specific browsers such as Safari.
You can use a jpeg for this however it will not work correctly in all browsers which negates the point of doing such... currently the file also has a double extension favicon.ico.jpg this is common practice for viruses which use this technique to hide executable files from the average user as such some combined antiviral / firewall applications may freak out as the file currently stands as it looks suspect.
make it an ico... fix the coding and all will be exceptionally happy
You can use a jpeg for this however it will not work correctly in all browsers which negates the point of doing such... currently the file also has a double extension favicon.ico.jpg this is common practice for viruses which use this technique to hide executable files from the average user as such some combined antiviral / firewall applications may freak out as the file currently stands as it looks suspect.
make it an ico... fix the coding and all will be exceptionally happy
it is now defo an icon however it doesn't display here even after clearing out the internet cache, but google groups does with the same code so its weird??
the only other thing I can think of is if your ISP/Hosting company is using some form of caching on a proxy etc. then it may take sometime to be refreshed.
the only other thing I can think of is if your ISP/Hosting company is using some form of caching on a proxy etc. then it may take sometime to be refreshed.
Originally Posted by Christian and Beccy
I have just used Irfanview to save the file as a proper Windows Icon file and it still doesn't fooking work!! 

people do own Mac's, Linux Boxes and other things Its must be a normal ico and not a microsoft flavor which has the possibility of increased colour depth
try this online generator to create the file you require...
http://www.graphicsguru.com/favicon.php
fooking hell I wouldn't bother seems like rocket science LOL!!!
anyway I can edit you .ico file here in the .NET icon editor so why its not displaying here in IE7 on Windows XP is a mystery unless you need this pure .ico format for it to work???
anyway I can edit you .ico file here in the .NET icon editor so why its not displaying here in IE7 on Windows XP is a mystery unless you need this pure .ico format for it to work???
Thread
Thread Starter
Forum
Replies
Last Post
oilman
Trader Parts for Sale.
10
Sep 23, 2015 07:32 PM
oilman
Trader Parts for Sale.
5
Aug 30, 2015 08:37 AM




