www.webdeveloper.com
Results 1 to 11 of 11

Thread: Putting an icon in the favorites menu

  1. #1
    Join Date
    Feb 2003
    Posts
    9

    Putting an icon in the favorites menu

    Hi All

    How do I put an icon near my link when the user adds the page to his/her
    favorites list (like www.msn.com do)

    TIA
    Guy

  2. #2
    Join Date
    Nov 2002
    Posts
    984
    Place this in your webpage head section


    <link rel="shortcut icon" href="youricon.ico">
    // Stefan Huszics

  3. #3
    Join Date
    Feb 2003
    Posts
    9

    Thumbs up What if I use CSS

    First thank you!

    I used "redside" style-sheet (visual interdev 6)
    Where should I put the line+what should I do:
    <link rel="shortcut icon" HREF="images/icon.ico">
    If I want all my current pages to get the setting

    TIA
    Guy

  4. #4
    Join Date
    Nov 2002
    Posts
    984
    No, you cannot put HTML markup inside your CSS file. It must go in the HTML file.
    // Stefan Huszics

  5. #5
    Join Date
    Feb 2003
    Posts
    9

    Unhappy You are wrong...

    Hi again,
    You are wrong...
    Go to:
    http://forums.webdeveloper.com/
    or
    http://www.msn.com

    show me where is their "icon line"...

    TIA
    Guy

  6. #6
    Join Date
    Nov 2002
    Location
    XYZZY - UK
    Posts
    1,760
    As Stefan stated; you cannot place HTML markup within a CSS file, a far better task would have been to look where Micro$oft have placed their DTD reference on their main page, whoops they seem to have forgot that minor detail.

    If you want to see where I have placed my address bar icon on my beta site: http://www.xhtmlcoder.com/worthvalley/ then you are welcome, but remember Micro$oft IE probably won't display the file you'd have to use a more "web standards" compliant browser like Mozilla or Opera 7.0.

    I also forgot to mention you could use the server to push the icon rather than define it within the HTML.
    Last edited by Robert Wellock; 02-04-2003 at 11:43 AM.

  7. #7
    Join Date
    Nov 2002
    Posts
    984

    Re: You are wrong...

    Originally posted by guy1407
    show me where is their "icon line"...
    Excuse me providing the solution that will work in all favicon capable browsers, not just MS IE (which automatically spams requests to every server it visits about a favicon, even if noone exsists).

    You are wrong...
    Perhaps you should bother to at least TRY THE CODE, before you state I'm wrong?
    // Stefan Huszics

  8. #8
    Join Date
    Feb 2003
    Posts
    9

    Cool Hmmm

    When I said you are wrong - I was talking about this line:

    "It must go in the HTML file."

    Right click www.msn.com and select view source - you wont find it there...

    Cheers
    Guy

  9. #9
    Join Date
    Nov 2002
    Posts
    984

    Re: Hmmm

    Originally posted by guy1407
    When I said you are wrong - I was talking about this line:

    "It must go in the HTML file."
    That was in reply to your "can I place it in the CSS file".

    Never the less I am still right, it MUST go into the HTML file. The way you get the favicon in some browsers anyway (even if it's not in the HTML) is as I have already stated, they randomly spam the visted webserver for an iconfile, even if one is not specified ANYWHERE in the webpage files.
    // Stefan Huszics

  10. #10
    Join Date
    Nov 2002
    Location
    XYZZY - UK
    Posts
    1,760
    Theoretically if you place a file expressively called: "favicon.ico" of the type "image/x-icon" within your root directory of your site Micro$oft IE 6.0 will use that if you don't use the (X)HTML link method. It's just one of the many design faults of Micro$oft IE.

  11. #11
    Join Date
    Feb 2003
    Posts
    9

    Thank you!!!

    Many thanks mates
    All methods are working fine!
    Guy

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles