Favicons

**meltsner** · 09 June 2009, 01:26 AM

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

**steve.ledger** · 09 June 2009, 01:54 AM

Check you .web file, because I don't think you have it quite right.

Your favicon is NOT in the head :(

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<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()">

<div class="ap" id="xr" style="width: 760px; height: 839px; top:0px; left:50%; margin-left: -380px; clip: rect(0px, 760px, 839px, 0px);">
<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" />
<object type="application/x-shockwave-flash" data="index_htm_files/openinghomepage.swf" width="759" height="699"><param name="wmode" value="transparent" />

<img class="ap" src="index_htm_files/0.png" alt="" style="width: 759px; height: 699px; left: 0px; top: 0px;"/></object></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" />

Notice too that the id="xn:60head:62"" isn't quite right.

**meltsner** · 09 June 2009, 02:15 AM

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!)

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.

**steve.ledger** · 09 June 2009, 03:00 AM

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.

**meltsner** · 09 June 2009, 08:27 PM

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!!