2013-07-27 3 views
0

Cela fait quatre jours que j'essaie d'utiliser mes connaissances théoriques HTML et CSS pour créer une page Web personnelle. Depuis que je suis encore débutant je ne l'ai pas hébergé et je suis encore en cours de création. J'ai essayé de créer un favicon pour ma page Web afin qu'il apparaisse à la place du papier blanc par défaut avec un pli en haut à droite.La page statique n'a pas trouvé favicon

Voici le code que je l'ai écrit:

 <head> 
      <title>RAMYA VEMUGANTI</title> 
      <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" /> 
    </head> 
    <body> 
      <div id="header"> 
       <h1>Ramya Vemuganti</h1> 
       <hr/> 
      </div> 
    </body> 
+0

Deviner il ne fonctionne pas. Le chemin du fichier dans le code source est-il lié à l'image? – Jonnny

+0

Aussi quel navigateur utilisez-vous? – Jonnny

+1

Le "livre blanc avec un pli" .. n'est pas ce que Google Chrome a. Et je pense que Google Chrome montre seulement le favicon dans l'onglet, pas dans la barre d'adresse. Est-ce qu'il apparaît dans l'onglet? – putvande

Répondre

0

Quelques choses:

  1. tag <link> doit être à l'intérieur de <head> tag
  2. Vous avez deux fermeture <head> balises
  3. Votre <div> le contenu doit être enveloppé dans un tag <body> CI-DESSOUS le <head> tag
  4. Assurez-vous que "favicon.ico" existe dans l'emplacement racine de votre serveur web

et l'étiquette devrait ressembler à:

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

Avec un '.ico' vous devriez avoir' type = "image/x-icon" 'au lieu de' type = "image/png" '. Le 'type =" image/png "' est seulement nécessaire avec un favicon qui est vraiment un PNG (qui n'est pas supporté par tous les navigateurs je pense). – putvande

+0

True - était un copier-coller de mon projet actuel. Pouvons-nous vérifier quels navigateurs ne fonctionnent pas? C'est une bonne réponse http://stackoverflow.com/questions/37073/what-is-currently-the-best-way-to-get-a-favicon-to-display-in-all-browsers-that – DeweyOx

+0

I sais que ce n'est pas une bonne source mais http://en.wikipedia.org/wiki/Favicon a quelques infos sur le support du navigateur – putvande