Favicon pb internet explorer

Résolu
Bonjour a toutes et à tous,
Juste un petit probleme qui je pense serat réglé très vite par les experts que vous êtes.
Ma favicon ne passe pas sur le célèbre et néanmoins pourri IE. J'ai fait une breve recherche sur le net et suis tombé sur le code suivant qui ne marche pas.

Mon code (qui marche sur le renard de feu mais pas sur IE) :
<link rel="shortcut icon" href="./images/favicon.ico" />


Le code que j'ai trouvé mais qui ne change rien sous IE :
<!--[if IE]><link rel="shortcut icon" type="image/x-icon" href="./images/favicon.ico" /><![endif]-->


Merci de votre lecture et de votre attention !!
Configuration: Windows XP
Firefox 2.0.0.14

24 réponses

Résumé de la discussion

Le problème concerne l'affichage de la favicon sur Internet Explorer, alors que le même code fonctionne sous Firefox, avec des essais utilisant une balise link shortcut icon et une variante conditionnelle pour IE. Des réponses efficaces préconisent de renommer l'icône en favicon.ico et de la placer à la racine du serveur, puis d'inclure une balise head pour que IE la détecte. En cas d'absence d'effet, certains proposent de tester avec des fichiers générés ou de vider le cache ou d'actualiser les favoris, et d'utiliser des liens externes ou des tests sur plusieurs domaines.

Bobot (l’IA à votre service)
  1. Bonjour Welbior,
    désolé, c'est moi qui me suis incrusté dans le post.
    si quelqu'un est à blâmer c'est moi, pas bg62.
    Mille excuses

    Pour la solution, tout ce qui a été noté par bg62 est correct.

    Jean-Luc
    1. Ca va pas de souci, tu me ferme mon post en résolu comme ca sans gene !!!
      Bon ta de la chance que je soit de bonne humeur ^^
      j'en rouvrirais un quand je me rattacherais a ce probleme. j'ai d'autre chat a fouetter pour le moment. Sinon j'ai pas tout compris ce qui t'as réglé ton probleme donc si tu peut mettre un court récapitulatif ca serait génial.

      Et pour te faire pardonner d'avoir fermer mon post tu peut bien faire ca.

      Salut
      1. Modérateur
        oui ... j'ai vu
        Voilà ! et maintenant ça fonctionne 
        !!!
        mais à deux sur le même post on e sort plus ...
        regarde les solutions données ici elles devraient te convenir
        et si encore problèmes : nouveau post, que ce soit bien claire, car là cela devient un peu brouillon ...
        @+
        b g
    2. Modérateur
      ouf ... tu finissais par me faire peur !
      alors tant mieux pour toi
      je mets le post en 'résolu'
      bonne continuation
      @ +
      b g
      1. Modérateur
        avec toutes ces redirections ... on n'en sortira jamais ...
        sur quelle page doit fonctionner réellement le lien du favicon et quel en est le code ?
        @+
        b g
        1. Bonsoir,

          Ton dernier message m'a mis la "puce à l'oreille"
          le lien vers l'icone est sur l'URL du FAi du DNS donc pas de fichier favicon.ico

          Voilà ! et maintenant ça fonctionne
          Merci encore une fois de ta patience J'ai vraiment pas été bon sur ce coup !
          Jean-Luc
      2. Modérateur
        Oui ... et le code de la page "finale" sur free c'est quoi ???
        1. Bonjour,
          les deux.
          le premier sur free est une page qui ne reste pas. elle sert à mettre les logos des sociétés qui veulent des liens vers eux.
          cette première page renvoit sur la seconde qui est la page principale du site (accueil appelée newlook.index.htm)

      3. Modérateur
        faudrait voir ton code exact ... car avec 2 redirections ....!
        @+
        b g
        1. l'URL renvoit sur free sur le fichier suivant (extraits)
          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
          <html>
          <head>
          <title>DJ mariage animation soirées - A2X Sonorisation</title>
          <meta name="description" content="Animation de tout type d'évènement, mariage ...">
          <meta name="keywords"
          content="mariage,Loiret,45,Mariage,centre,dj,A2X,AXX,AXXSonorisation,A2XSonrosation,animation,soirées,baptêmes,mariages,PACS,communions,retraite,DJ,musique,karaoké,loiret,
          sonorisation,son,sound,sonorisation de chapiteaux,éclairage,light,lumières,éclairage scénique,installation,installations,location,locations,prestations,
          podium,podiums,animations,stand,soirées,spectacles,spectacle,meeting,manifestations,manifestations sportives,
          projecteur,réceptions,réception,sono,audio,location de sonorisation,location d'éclairage,inauguration,
          anniversaire,mariage,soirée dansante,défilé de mode,animations commerciales,foire,expositions,foires,
          matériel de sonorisation,essonne,91,Ile de France,événements,conférences">
          <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1; language=fr">
          <LINK REL="stylesheet" HREF="monstyle.css" TYPE="text/css">
          <meta http-equiv="Content-Language" content="fr">
          <meta name="Robots" contents="Index,Nofollow">

          <meta name="author" content="Jean-Michel Vignon">
          <meta name="reply-to" content="a2x@wanadoo.fr">
          <meta name="owner" content="a2x@wanadoo.fr">
          <meta name="Copyright" content="Copyright A2X-2002">
          <meta name="Distribution" content="Global">
          <link rel="SHORTCUT ICON" HREF="http://www.a2xsonorisation.org/favicon.ico">

          </head>

          qui lui même renvoit sur :

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
          <html>
          <head>
          <title>DJ mariage animation soirées - association A2X</title>
          <link rel="shortcut icon" HREF="http://www.a2xsonorisation.org/favicon.ico" >
          <link rel="stylesheet" HREF="css/stylea2x.css" TYPE="text/css">
          <meta name="description" content="Animateur, tout type d'évènement, mariage , location DJ Virtuel...">
          <meta name="keywords"
          content="djvirtuel, animateur, mariage,dj,A2X,A2XSonrosation,animation,soirée,baptême,communion,retraite,karaoké,
          sonorisation,location matériel,spectacle,anniversaire,matériel de sonorisation,loiret,45,centre,essonne,91,Ile de France">

          <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1; language=fr">
          <meta name="owner" content="a2xSonorisation">
          <meta name="identifier-url" content="http://www.a2xsonorisation.org">
          <meta name="Copyright" content="Copyright A2X-2002">

          merci encore de ta patience.
          Jean-luc
      4. Bonsoir,

        le lien avec type='imag ... a été mis pour faire un test et j'ai oublié de l'enlever. c'est chose faite.
        j'ai aussi créé une nouvelle icône (complètement) avec un des liens que tu as donné dans un de tes posts précédents.
        J'ai donc retrouvé l'icone sur firefox mais elle n'est toujours pas sur IE.
        Je ne voudrais pas abuser de ta gentillesse et de ton temps aussi ....
        1. Modérateur
          tu as mis ceci:
          <link rel="shortcut ico" HREF="http://www.a2xsonorisation.org/favicon.ico" type="image/x-icon">

          alors que depuis le temps je te demande de mette :
          <link rel="shortcut icon" href="http://www.a2xsonorisation.org/favicon.ico">

          donc fais en premier cette modif et si ton fichier est bon cela doit fonctionner c'est obligé !!!
          il faut de plus un lien réel vers ton fichier, puisque tu as mis une redirection est que l'on se retrouve sur ce lien après :
          http://a2xsonorisation.free.fr/newlook/index.htm
          et de plus ton fichier semble ne pas avoir été refait puisque c'est toujours le même (format jpg renommé en ico, donc pas bon !!!!)
          fais tout cela tranquillement et doucement, ensuite mets à jour en ligne et donne des nouvelles
          @+
          b g
          1. Salut giheller,

            au passage la prochaine fois ouvre ton propre post.
            Là effectivement ça ne peut marcher sur aucun navigateur tu as écris "shortcut ico" au lieu de icon.

            Essaie de rectifier ça stp et après faudra voir!
            @ pluche.
            Fab.
            1. Modérateur
              ... on finira par y arriver !
              tu as du mettre quelque chose de ce genre :
              <link rel="shortcut icon" href="http://www.votresite.com/favicon.ico">

              peux-tu me mettre le code exact de ta page qui va jusqu'au favicon ???
              @+
              b g
              1. Modérateur
                si la ligne de code pour l'icone n'a pas changé ... il n'y a pas de raisons ...
                1. Bonjour bg62
                  c'est bien pour cela que je n'y comprends plus rien.
                  c'est pas vital juste frustrant ;-)
              2. Bonjour,
                J'ai fait des corrections (pas toutes). de ce fait je n'ai même plus l'icone sous firefox
                je n'y comprends plus rien.
                1. Modérateur
                  en passant ... tu n'as ni déclaration de doctype ni de charset dans ta page ...
                  1. Modérateur
                    oui ... alors là va falloir faire pas mal d'essais
                    perso je mettrai le favicon sur free et le lien dans le code vers celui-ci, cela parait plus logique ...
                    fais un (ou des) tests ... voire mettre les liens vers les deux (une fois que les fichiers sont les mêmes ...)
                    là je viens de prendre le lien de ton site, je suis redirigé vers free et pas de favicon même sous ff (attention toi tu peux l'avoir s'il est resté dans le cache ...) il arrive longtemps après ...
                    @+
                    b g
                    1. Bonjour bg62
                      je me suis sans doute mal exprimé. tout est bien chez free saus le nom de domaine.
                      j'ai vidé tout sous FF et j'ai bien l'icone qui apparait comme tu dis après une peu de temps.
                  2. Modérateur
                    si tu as tout bien fait il y a vraiment un bug !!!!
                    quel code as-tu mis dans ta page ?
                    le favicon est bien à la racine du site ?
                    1. favicon est à la racine du site.
                      il y a une redirection du fournisseur du nom de domaine vers Free; peut-être est-ce là le hic ?
                  3. je suis allé le site favicon.fr, j'en ai téléchargé, j'e ai installé une sur mon site, rien ne change.
                    l'URL est bien dans mes favoris, l'icone fonctionne sous firefox.
                    c'est étrange !
                    1. Modérateur
                      va sur cette page : http://referencer.unesourisetmoi.info/articles.php?pg=art157
                      prends le lien vers favicon.fr
                      tu en télécharge un pour tester (ils sont tous bons !)
                      ou regarde dans les liens : le plugin photoshop, ou les logiciels gratuits
                      ... tu tiens à celui-là en particulier ?????? car là où tu es allé c'est pour créer des icones de "bureau" ...
                      @+
                      b g
                      1. un au hasard pour vérif me dit :
                        Details:
                        Found the web page at:
                        http://www.a2xsonorisation.org (5.9 KB)

                        Found <link rel="shortcut icon" ...> tag that specify a favicon:
                        <link rel="SHORTCUT ICON" HREF="http://www.a2xsonorisation.org/favicon.ico">

                        Found favicon at:
                        http://www.a2xsonorisation.org/favicon.ico (0.87 KB)

                        (16*16 pixels, 16777216 max colors)
                    2. Modérateur
                      bon je viens de regarder ton lien:
                      l'image est une image jpg (non au format .ico) de 16 x 15 en , 16 x 15 24-bit color, 300 x 300 dpi,JPEG compressed: Baseline ...
                      alors qu'elle devrait être idéalement de 16 x 16 en 8 bits(pal) , 16 x 16 256 colors, Windows ICON file, 8-bit Pal
                      il faut donc soit la convertir, soit en prendre une autre ...
                      le problème doit être liéé à cela, essaie de la convertir ou fais un essai avec un autre fichier ...
                      @+
                      b g
                      1. je te remercie du temps que tu passes pour ce pb.
                        J'ai refait l'icône avec un des sites que tu as proposé dans un post.(http://tools.dynamicdrive.com/favicon/
                        j'ai constaté une avancée localement car l'icone s'affiche dans le gestionnaire de fichier devant le fichier, ce qui n'était pas le cas auparavent.
                        Mais pas d'amélioration sur le net.
                        (avec un autre fichier, c'est le même soucis)

                        Peux-tu m'expliquer comment tu vois les propriété de l'icône avec l'URL ?
                        merci
                    3. Voila le code que j'ai mis

                      <link rel="shortcut icon" type="image/x-icon" href="http://srv-web/favicon.ico">
                      <link rel="icon" type="image/ico" href="http://srv-web/favicon.ico">
                      1. Modérateur
                        ton code semble poser problèmes ....
                        <link rel="shortcut icon" href="http://www.votresite.com/favicon.ico">

                        et si l'on clique sur ton lien :
                        Forbidden
                        
                        You don't have permission to access /favicon.ico on this server.

                        regarde le config du serveur dans ce cas ...
                        @+
                        b g
                    • 1
                    • 2