Good to know and let my "audience" know... :D
Printable View
Soquili, Thanks for the indepth explanation... it helped a bunch. It literally took me hours and hours though to get this to work. I kept redoing the code, updating & even checking out other sites with favicons to double check their source code. I moved that darn Favicon in every folder in my site ... and though your info helped GREATLY... my end result for me to get it to work... was not adding the folder it resided in as part of the code. Not sure why I did not need it. It was just basically the site url and the name of the favicon and that was it. But dang, took me FOREVER to get it to work. haha...
but again, Thanks for spelling it out, that with my extra legwork got this thing working properly.
Here is what I ended up with (along with adding <head> as the Name allocated to the Rectangle placeholder box):
<link rel="icon" href="http://future.eyescreamjewelry.com/Eyescreamjewelry_RedEyeballFavicon.ico" type="image/x-icon" />
thanks again... now to press on with those pesky navigations.
~
Sorry to refresh the thread and double sorry to reask the same question that's been asked about 4 times now!! :o But I am having quite the time getting my favicon to show in IE. FF was absolutely NO problem, went the first time. But IE 7 & 8 won't show. I copied Eyescream's code (and tried several others) so it looks like this:
<link rel="icon" href="http://www.-----.com/favicon.ico" type="image/x-icon" />
I have the icon named "favicon.ico" under the MAIN directory and under the subfolder, index_htm_files. When entering the address manually, it comes up, so it is there.
One thing- the favicon is 32pix x 32pix. Would this be a problem? As I said, Firefox shows it fine. Any help would be appreciated!
hi Meltsner, I'm no expert on this and only going to respond after checking out other posts I read about IE not showing some Favicons. Not sure why it is, some say it takes time for it to show up (days) some say try updating to IE8 which I did & doesn't show up for me either in IE8 (which doesn't bother me so much since I don't really use IE but only problem for my customers potentially not seeing it that use IE over Firefox.
Now If I go to my Currently active website... my favicon does show up in IE. But that site has been up for a while & created in a different program, so maybe that has something to do with it, or maybe truly some do take a bit of time to show up.
The code for that one was:
<link rel="shortcut icon" href="MyEye_favicon.ico" >
So it must have been a Program thing... as I couldn't get this same code (with new favicon image) to work in XWD which is why I changed it to code above in previous post.
Also, when I created my favicon, I went to a site on info how to create & what sizes (and even though you stated yours show fine in firefox or Mozilla or what have you) the size they gave was 16pix by 16pix. Though I created larger perfect square then when finished I scaled down b4 saving.
Anyway, so keep us updated if you find something that works for IE & I'll do the same though I spent 2 straight days just trying to get it to work period & not on my list of things currently at them moment.
Good Luck and post a link so I can check out your favicon in action :P
~
Hi meltsner,
Is your favicon.ico a true ico file or a bitmap image renamed to an ico file?
FF will accept many bitmap files as a favicon but other browsers will not.
Apologies for the delay...
Soquili -- Making sure I understand you - I'm assuming you're asking if I took a .bmp and literally renamed it to an .ico? If that's it, then no, i took the actual vector logo from Corel Draw and exported as an icon (.ico) file.
Eyescream-- same here, I never (or rarely) use IE for myself, it's just for the customers that do.;) Likewise, it's low on my priority list, but would like to have it.
Oh and yes, I also gave the placeholder a <head> name if that makes any difference!
Thanks!
http://www.ssrta.com
Check you .web file, because I don't think you have it quite right.
Your favicon is NOT in the head :(
Notice too that the id="xn:60head:62"" isn't quite right.Quote:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0020)http://www.xara.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7"/>
<meta name="XAR pngs" content="11"/>
<meta name="XAR Pages" content="2"/>
<meta name="XAR Page 1" content="index.htm"/>
<title>Home</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
<meta name="Generator" content="Xara HTML filter v.2.1.0.637"/>
<script type="text/javascript" src="index_htm_files/roe.js"></script>
<link rel="stylesheet" type="text/css" href="index_htm_files/default.css" /></head>
<body style="background-color: #999999" onload="bl()">
<!--[if IE]><div class="ap" id="xr" style="width: 760px; height: 839px; top:0px; left:50%; margin-left: -380px; clip: rect(0px 760px 839px 0px);"><![endif]-->
<!--[if !IE]>--><div class="ap" id="xr" style="width: 760px; height: 839px; top:0px; left:50%; margin-left: -380px; clip: rect(0px, 760px, 839px, 0px);"><!--<![endif]-->
<script type="text/javascript">var xr=document.getElementById("xr")</script>
<div class="ap" style="left: 1px; top: 80px; width: 759px; height: 699px; position: absolute;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="759" height="699">
<param name="movie" value="index_htm_files/openinghomepage.swf" /><param name="wmode" value="transparent" />
<!--[if !IE]>--><object type="application/x-shockwave-flash" data="index_htm_files/openinghomepage.swf" width="759" height="699"><param name="wmode" value="transparent" /><!--<![endif]-->
<img class="ap" src="index_htm_files/0.png" alt="" style="width: 759px; height: 699px; left: 0px; top: 0px;"/><!--[if !IE]>--></object><!--<![endif]--></object></div>
<div style="left: 11px; position: absolute; font-size: 13px; font-family: Arial; text-align: left; top: 769px;">
<div style="">
<div class="tl" style="left: 0px; top: -13px;">Trouble viewing? Download Flash player <span style=""><a onmousemove="mo(this,0)" onclick="return(nn());" href="http://www.adobe.com/go/getflashplayer" >here</a></span>, or <span style=""><a onmousemove="mo(this,0)" onclick="return(nn());" href="index_2.htm" >view the non-Flash version here.</a></span></div>
</div>
</div>
<div class="ap" style="left: 83px; top: 79px; width: 33px; height: 30px; position: absolute; id="xn:60head:62""><LINK REL="SHORTCUT ICON" HREF="http://www.ssrta.com/favicon.gif">
<link rel="icon" href="http://www.ssrta.com/favicon.ico" type="image/x-icon" />
Thanks for checking Sledger. Unfortunately I have no idea what the id="xn:60head:62"" is. Perhaps I should explain how I did it?
I created a placeholder 32 x 29pix (not sure why I did that size??), and put
<LINK REL="SHORTCUT ICON" HREF="http://www.ssrta.com/favicon.gif">
<link rel="icon" href="http://www.ssrta.com/favicon.ico" type="image/x-icon" /> into the placeholder tab. (perhaps it also shouldn't have 2 lines of code?) I gave the same placeholder a "<head>" name - minus the " " - and exported. That was it.
I know WD is made for us who know nothing about code, but here's where it doesn't work so well for us! (at least the code knowledge part!):o
EDIT: Should've mentioned I just put the placeholder right on the page on the MouseOff layer only. Didn't know if that makes any difference.
No, size (in this instance) doesn't matter ;)
You can place the placeholder object named <head> OFF the page in the grey pasteboard area.
One line of code should to it - at least it works for me like this in all browsers.
<link rel="shortcut icon" href="interface/favicon.ico" /> (example from one of my sites)
Sample attached.
It works!!!
I did just that, moved the holder outside of the page, and replaced your sample code with the correct location. It works beautifully now in IE 7 & 8 and FF3!! Only did the home page for now, I'll work on the rest later. It doesn't have a transparent background though, I might have to find another program to recreate a transparent .ico version.
I appreciate the help a bunch Sledger!! :cool: