Favicion

Résolu
Bonjour,
voila je voudrait mettre une image dans la barre d'adresse mon image elle est dans un document qui s'apelle "naruto" donc voila ce que j'ai mit:
<link rel=""shortcut icon" type="image/x-icon" href="web/naruto/kakashi.jpg/favicon.ico"/>
mes sa ne marche pas je voudrait bien savoir la raison peut etre une faute de frappe?
merci d'avance votre aide
Configuration: Windows XP
Firefox 3.0.3

32 réponses

Résumé de la discussion

Le sujet porte sur l'affichage d'un favicon dans la barre d'adresse et sur la bonne utilisation d'une balise link pour une image située dans le répertoire naruto. Des réponses indiquent que la syntaxe peut être correcte mais que le chemin est probablement faux, suggérant d'ajouter ../ selon l'emplacement et d'adapter le nom et l'extension. D'autres rappellent le rôle du type MIME, évoquant image/x-icon ou image/png, et proposent des variantes de rel comme 'shortcut icon' ou 'icon' ainsi que l'utilisation de fichiers .ico ou PNG. En cas de persistance, il faut noter que les navigateurs mettent en cache le favicon, et un rafraîchissement forcé ou le renommage du fichier peut être nécessaire pour voir le changement.

Bobot (l’IA à votre service)
  1. bonjour ta syntaxe est bonne
    <link rel="shortcut icon" href="naruto/kakashi.png/favicion.png">

    verifie simplement que le chemin est correct peut etre rajout ../ devant naruto/kakashi.png/favicion.png
    tout depend ou est placé ton repertoire
    1. lewis à surment raison .. et puisque ton image est en png alors "x/icon" devient "image/png"
      1. Aucune idée .. Mais peu importe ce n'est pas une valeur à modifié .
        Moi j'ai rentrer ce code la :

        <link rel="icon" type="image/png" href="favicon.png" />

        Et tou se passe bien .
        1. ben ici <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
          1. ah ok et encore une chose que je voudrait savoir pour pas que je refasse les meme erreure qu'est ce que c'est
            shortcut enfun a quoi sert il et aussi x-icon"
            1. Favicon, c'est tout simplement le nom de l'image dans la barre d'adresse. Favicon.png c'est le nom par défaut de ton image .. si ton image n'a pas ce nom, renomme la et incorpore dans la page de ton site :

              <link rel="icon" type="image/png" href="favicon.png" />

              .
              1. ben je vient d'essayer ta balise link que tu vien de m'expliquer et sa ne marche pas mes je voudrait savoir en faite c'est quoi favicion.ico a quioi sert il pck quand j'enleve favicion.ico sa marche
                1. Tu mets ton fichier favicon.png à la racine même de ton site (ta base de données) et tu met:
                  <link rel="icon" type="image/png" href="favicon.png" /> à l'interieur des balises head.
                  voila tout ; )
                  1. ok mes moi je voit toujour pas le problème venait d'ou si tu pourrait m'expliquer enfun j'ai vue que ta enlever favicion.png
                    1. Le chemin était erroné, c'est tout, ça arrive souvent quand tu fais un site !
                  2. Mets ça : <link rel="icon" type="image/png" href="naruto/kakashi.png">
                    1. Quel est le chemin du répertoire de la page "Exemple d'utilisation de CSS externe" et quel est le chemin de l'icône ?
                      1. copie ton image dans un dossier à la racine de ton site (ou dans un rsous/repertoire) sinon cela ne marchera jamais

                        exemple ton site est dans le dossier www

                        dedans tu a un dossier image

                        dans ce dossier image tu met ta photo

                        et ton llien sera image/kakashi.png
                        1. ben mon repertoire est placer dans une carte memoire que j'ai mit dans le PC
                          1. bon je vait tout t'envoyer:

                            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
                            <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
                            <head>
                            <title>Exemple d'utilisation de CSS externe</title>
                            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                            <link rel="stylesheet" media="screen" type="text/css" title="Design" href="deco.css" />
                            <link rel="icon" type="image/png" href="naruto/kakashi.png/favicion.png" />

                            </head>
                            <body>

                            <div id="en_tete">
                            </div>

                            <div id="menu">
                            <div class="élément_menu">
                            <h3>menu</h3>
                            <ul>
                            <li><a href="http://www.captainaruto.com/">lien</a></li>
                            <li><a href="http://www.captainaruto.com/">lien</a></li>
                            <li><a href="http://www.captainaruto.com/">lien</a></li>
                            </ul>
                            </div>

                            <div class="élément_menu">
                            <h3>menu</h3>
                            <ul>
                            <li><a href="http://www.captainaruto.com/">lien</a></li>
                            <li><a href="http://www.captainaruto.com/">lien</a></li>
                            <li><a href="http://www.captainaruto.com/">lien</a></li>
                            </ul>
                            </div>
                            </div>

                            <div id="corp">
                            <h1><marquee>histoire de naruto</marquee></h1>
                            <p>La série, très populaire au Japon s'est déjà vendu à plus de 71 millions de volumes permettant aux tomes du manga d'atteindre régulièrement la 1er place du top 10 des plus vendus du pays.<br/>
                            Naruto connaît également un succès international notamment aux États-Unis, en France, en Allemagne, en Corée du Sud et en Chine qui sont les 5 pays avec le Japon où l'œuvre se vend le plus. L'auteur de l'œuvre Masashi Kishimoto<br/>
                            est le mangaka le deuxième plus imposé du Japon avec un impôt sur le revenu d'environ 1 millions €.<br/>
                            Quant à la série animée, elle est diffusée dans plus de 31 pays à travers le monde (certains pays en ont adopté des versions censurées).<br/>
                            En France il est régulièrement dans le top 10 des meilleures ventes de manga (avec 5 millions de volumes dont une moyenne 200 000 exemplaires par tome).</p>
                            </div>

                            <div id="pied_de_page">
                            <p>anthony copyright</p>
                            </div>

                            </body>
                            </html>
                            • 1
                            • 2