Just created a favicon for a web site. But, the title/“alt” appears twice when you hover over the favicon on the favorites bar.
What am I doing wrong?
Just created a favicon for a web site. But, the title/“alt” appears twice when you hover over the favicon on the favorites bar.
What am I doing wrong?
It is fine. nothing is wrong here.
First upload your favicon on server and give the full path in href within this code <link rel=“icon” href=“/favicon.ico” type=“image/x-icon” />
To be honest, I’ve never heard of using alt and/or title attributes on a favicon. Personally, I’d remove them. Favicons are just for decoration, after all.
I think your right - a browser error.
For those of you who were skeptical, I’ve included screen shots
http://tracylester.com/faviconError.html
that include my current site bookmark, another site I built (same code) that bookmarks just fine, and an Adobe bookmark with the same problem
This is the code
<!doctype html>
<html lang=“en”>
<head>
<meta charset=“utf-8” />
<title>Tracy Lester: Web designer for hire in Dallas, TX</title>
<meta name=“Keywords” content=“web designer, internet, dallas, dfw, ajax, xhtml, css, javascript, html 5, html email, WordPress” />
<meta name=“Description” content=“Standards based website design philosophy and recent work from Tracy Lester” />
<link href=“css/computer.css” rel=“stylesheet” type=“text/css”>
<!–[if lt IE 9]><script src=“http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js”></script><![endif]–>
<!–[if lt IE 9]><script src=“js/html5.js”></script><![endif]–>
<script src=“js/master.js”></script>
<link rel=“icon” href=“/favicon.ico” />
<!-- lightbox files –>
<link href=“css/jquery.lightbox-0.5.css” />
<script src=“js/jquery.js”></script>
<script src=“js/jquery.lightbox-0.5.js” ></script>
<!–<noscript>This site relys on JavaScript - please activate it to use all features</noscript>–> //not sure I’m going to use this
</head>
I even added the complete <link rel=“icon” href=“/favicon.ico” type=“image/x-icon” /> to no avail
I’m using IE 8 on Windows 7 - is this something I should pursue a fix on - or just bag it?
Thanks for your time!
It sounds like a browser bug or sloppy HTML since a Favicon doesn’t have alternative text and usually takes the text from the text in-between the <TITLE>…</TITLE>
Thus I suspect you have done something wrong regarding the text within your page title or may have added two of them. Giving us an example of the site in question might be useful.
You’re not doing anything wrong, I suspect that the issue is due to how the browser handles bookmark shortcuts. I’ve see this happen before.
Thanks everyone for your help. I think I figured it out.
I deleted one of my conditional comments (this site was being updated to HTML5) and the repeating favicon title ended in IE8.
I don’t know if it was just my two conditional comments or any combination of more than one conditional comment that causes this to happen.