Welcome to WebmasterWorld Guest from 54.196.153.46

Forum Moderators: incrediBILL

Message Too Old, No Replies

include image in title of html doc

title image include html

     
10:07 am on May 27, 2009 (gmt 0)

New User

5+ Year Member

joined:May 14, 2009
posts:28
votes: 0


Does anybody know how to include your logo in the title of your html document so that it is displayed with the title on the tab, or on the bookmark toolbar?

The only thing i thought of was putting <img> tags in between the title tags. Didn't work.

Cheers

10:14 am on May 27, 2009 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


Are you talking about the 16x16 pixel favicon image? If so there is a lot of information in our forums that you can review by using Site Search [webmasterworld.com].

One good place to start is here: Favicon Primer [webmasterworld.com]

10:18 am on May 27, 2009 (gmt 0)

New User

5+ Year Member

joined:May 14, 2009
posts:28
votes: 0


Great, thanks for that id never heard the term favicon before.

Cheers for the quick response.

2:15 pm on May 27, 2009 (gmt 0)

New User

5+ Year Member

joined:May 14, 2009
posts:28
votes: 0


Ok, so i have created a 16x16 image in photoshop and saved it with a plug in as favicon.ico to the same directory as index.html.

I have added this code-

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

-to my index.html document as a test and it works fine offline.

However when I upload it with filezilla it does not appear. I am testing in IE8 and FF3. I have also validated my xhtml 1.0.

When viewed from the ftp software on the server the file does not show a thumbnail of the image, but it does on my local drive.

Can anyone give me any tips?

7:36 am on June 5, 2009 (gmt 0)

Full Member

5+ Year Member

joined:Oct 9, 2007
posts:295
votes: 0


It often doesn't refresh. Both IE and Firefox are b!tches in that regard.

Navigate to the favicon URL directly in the browers, hit Ctrl+F5 a few times, then visit the site again.

For other visitors hitting your site for the first time, it should work okay. For repeat visitors, tough :)

7:37 am on June 5, 2009 (gmt 0)

Full Member

5+ Year Member

joined:Oct 9, 2007
posts:295
votes: 0


Oh by the way, x-icon is old now and technically wrong, although it shouldn't make any difference. The .ico format is a MS thing, and there is a new MIME type for it - see here:
[en.wikipedia.org...]
7:42 am on June 5, 2009 (gmt 0)

Senior Member

WebmasterWorld Senior Member swa66 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Aug 7, 2003
posts:4783
votes: 0


about your code: in xhtml, for now do use a space before the self-closing "/" browsers more often than not will parse it as if it were html.

Second line alone should be more than enough to get it working AFAIK.

I vaguely remember something of the favicon working better if you have a full URL in there (Long time since I last played with it)

anyway:


<link rel="SHORTCUT ICON" href="http://www.example.com/favicon.ico"
type="image/x-icon" />

is what I use.
8:34 am on June 5, 2009 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member tangor is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:Nov 29, 2005
posts:6968
votes: 389


All above, and also clear your browser cache then try again.
8:50 am on June 5, 2009 (gmt 0)

Senior Member

WebmasterWorld Senior Member g1smd is a WebmasterWorld Top Contributor of All Time 10+ Year Member Top Contributors Of The Month

joined:July 3, 2002
posts:18903
votes: 0


In addition, if you add a 57x57px image (I forget the name) then the I-phone will use that one instead.

indifferent smile

1:23 am on June 6, 2009 (gmt 0)

Inactive Member
Account Expired

 
 


sorry. May I did not understand what you mean. Can not answer your question.. do you want to insert in the title picture?