Welcome to WebmasterWorld Guest from 174.129.135.89

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)

5+ Year Member



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)

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



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)

5+ Year Member



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)

5+ Year Member



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 Jun 5, 2009 (gmt 0)

5+ Year Member



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 Jun 5, 2009 (gmt 0)

5+ Year Member



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 Jun 5, 2009 (gmt 0)

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



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 Jun 5, 2009 (gmt 0)

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



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

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



In addition, if you add a 57x57px image (I forget the name) then the I-phone will use that one instead.
1:23 am on Jun 6, 2009 (gmt 0)

10+ Year Member



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

Featured Threads

Hot Threads This Week

Hot Threads This Month