Solved

favicons

Posted on 2009-05-16
20
103 Views
Last Modified: 2014-10-18
I downloaded a favicon i made from http://www.favicongenerator.com/ and added the code they supplied into my page between the <head>s but i cant get it too work. i also tried a few other codes from other websites
<link rel="shortcut icon" href="/favicon.ico" >

Open in new window

0
Comment
Question by:corylester
  • 7
  • 6
  • 2
  • +2
20 Comments
 
LVL 18

Expert Comment

by:Philip_Spark
ID: 24405204
did you

upload favicon.ico to your root directory.?
0
 

Author Comment

by:corylester
ID: 24405327
Yes of course
0
 
LVL 18

Expert Comment

by:Philip_Spark
ID: 24405371
one thing I note is the end tag isn't closed
should be

/>

I also read someone suggested removing the slash before favicon

other ideas are available here

http://forums.creativecow.net/thread/191/855734
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24409093
>> one thing I note is the end tag isn't closed

Not necessary depending on the doctype.  Even if it is XHTML, that error wouldn't kill the favicon as the browsers would just ignore the error.  Worst-case scenario is that leaving the trailing / off will cause a validation error and throw you to quirks mode.

>> I also read someone suggested removing the slash before favicon

Also not necessary. The /favicon.ico notation just fixes favicon to the public root.

>>  but i cant get it too work.

Test from a different machine.  Favicons tend to get "stuck" in the browser cache and if you add one and do not empty the cache/force-reload the pages you may not see it on that machine for a bit.  The better check is to get someone who doesn't visit your site to check for you (like us).

Post a link...
0
 
LVL 18

Expert Comment

by:Graphixer
ID: 24420249
You may have to bookmark the site for it to show up in your browser, especially if you haven't cleared your cache in a while.
0
 

Author Comment

by:corylester
ID: 24456622
www.ackearthmovingptyltd.com.au
 I also tried the photoshop plug in to save a new picture but it doesnt seem to work.
 In dreamweaver i also tried insert,HTML,headtags,link to get the code which seemed to insert the code but it still does not work.
The photoshop plug in sucessfully installed but i am not sure have to save the file correctly in filename i wrote favicon.ico and saved but it didnt work. after saving it, its called favicon.ico but it has the photoshop picture on it like it has been saved as a photoshop file.
i have bookmarked the site, used different browsers and cleared my internet files any help would be greatly appreciated
0
 
LVL 70

Accepted Solution

by:
Jason C. Levine earned 125 total points
ID: 24456675
You have:

<LINK REL="SHORTCUT ICON" HREF="favicon.ico">

should be

<link rel="icon" type="image/vnd.microsoft.icon" href=favicon.ico" />

since you are using XHTML 1.0 Transitional.

Additionally:

http://www.ackearthmovingptyltd.com.au/favicon.ico

returns a 404, so something isn't where you think it is.
0
 

Author Comment

by:corylester
ID: 24456698
Ok i put the favicon.ico file back on the web now http://www.ackearthmovingptyltd.com.au/favicon.ico
returns a small x is that suposed to be a picture

i also inserted your code

Is the picture file not the correct type of something
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24456799
I can see it now on your site.  Yellow square with something in the center...
0
Enabling OSINT in Activity Based Intelligence

Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

 

Author Comment

by:corylester
ID: 24456804
I use internet explorer and it is not working for me
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24456826
Sorry, the code above has a typo:


<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico" />

Left out a "
0
 

Author Comment

by:corylester
ID: 24456834
nah still not working in explorer, dreamweaver has its own linking function in design view so i dont think its the code, mabee its something to do with explorer settings?
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24456851
Give it one more try with this code:

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

Author Comment

by:corylester
ID: 24456858
That is the same code dreamweaver generates but no bingo. It is working on a laptop running safari but not my main computer with explorer
0
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 24456872
>> It is working on a laptop running safari but not my main computer with explorer

Once you see it on one, your code is now correct.  If you are concerned about the icon itself being the right file type, send it through the favicon creator:

http://tools.dynamicdrive.com/favicon/

Remember, once you get it working, it still may not show up for a bit unless you empty the cache and force-reload the page.
0
 

Author Comment

by:corylester
ID: 24456878
How do i empty the cache and force-reload the page. from internet propeties i have deleted all internet browsing history and i have "check for newer versions of stored pages every time i visit a webage " selected
0
 

Expert Comment

by:chrish16
ID: 34428263
The code looks fine; this is most likely a caching issue:

Go to http://yourwebsite.com/page.html

and append this onto the file (html, php, w/e):

?x=1

Then refresh.

So in the end, the url looks like http://yourwebsite.com/page.html?x=1

That should ignore the cache and freshly reload the website.

If it doesn't work, clear your temporary internet files and try again.
0
 

Expert Comment

by:chrish16
ID: 34428268
Hmmm second idea, try replacing the whole line with this:

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

Open in new window

0

Featured Post

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Now that Expression Web 4.0 (http://www.microsoft.com/expression/products/Upgrade.aspx) is free if you buy or have the full version of Expression Web 3.0, now is the best time to  migrate from FrontPage to Expression Web (http://www.frontpage-to-exp…
Objective of This Article In 1990’s, when I was a budding software professional, I had a lot of confusion about which stream or technology, I had to choose to build my career. In those days, I had lot of confusion like whether to choose System so…
The purpose of this video is to demonstrate how to make a WordPress Site faster and smaller in size by cleaning up the database. This will be demonstrated using a Windows 8 PC. Plugin WP Optimize will be used. Go to your WordPress login page. T…
The purpose of this video is to demonstrate how to set up basic WordPress SEO. This will be demonstrated using a Windows 8 PC. The plugin used will be WordPress SEO by Yoast. Go to your WordPress login page. This will look like the following: myw…

705 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

18 Experts available now in Live!

Get 1:1 Help Now