web-dev-qa-db-fra.com

Favicon ne fonctionne pas

Ma favicon que j'essaie d'insérer dans ma page Web ne fonctionne pas. Quelqu'un peut-il me dire le code et le style dont j'ai besoin pour l'insérer?

<html>
    <head>
        <title>Welcome to Crash - Login or Signup</title>
        <link rel="stylesheet" type="text/css" href="crash_styling.css"></link>
        <link rel="icon" href="/favicon.ico" type="image/x-icon">
        <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">      
    </head> 

    <body  link="#336666" alink="red" vlink="red">

        <div id="header_title">
            <h1 id="title">crash</h1>
            <p id="motto">Keep track of all your assignments and projects.</p>
        </div>  

        <form name="input" action="html_form_action.asp" method="get" id="user_passEntry">
            Username:<input type="text" name="username" placeholder="Your Username" /> <br />
            Password:<input type="password" name="password" placeholder="Your Password" />
            <input type="submit" value="submit">
        </form>

        <p id="description">Crash is a way students can keep track of their projects and assignments on the computer or on their devices. With crash, you can be sure you'll never turn in something late again.</p>

                <div class="make"><a href="crash_styling" style="text-decoration:none"/>Make a New Assignment</div>
                <div class="edit"><a href="crash_styling" style="text-decoration:none"/>Edit an Assignment</div>
                <div class="check"><a href="crash_styling" style="text-decoration:none"/>Check off an Assignment</div>
    </body> 

</html>
htmlfavicon
14
th3w01f98

Pour placer un Favicon sur votre site, vous devez utiliser ce qui suit dans le <head> tag

<link rel="shortcut icon" href="http://yourwebsitepath/favicon.ico" />

Vous devez vous assurer que le chemin d'accès est correct pour l'icône. Si le chemin n'est pas correct, il n'apparaîtra pas. J'ai également vu des problèmes de mise en cache qui donnent l'impression que l'icône ne fonctionne pas. Essayez toujours de redémarrer votre navigateur après avoir vidé le cache.

24
Taryn

Vous avez très probablement un mauvais chemin vers votre icône. Confirmez votre chemin du fichier. Essayez d'utiliser

href="favicon.ico"

au lieu de

href="/favicon.ico"

peut-être que cela fonctionnera. Ou si vous avez une icône dans certains dossier par exemple dans images

href="images/favicon.ico"

Vous le faites bien mais si vous avez mauvais chemin, icône n'apparaîtra pas.

Donc, votre CSS fonctionne et si votre icône est activé même nivea comme le fichier CSS alors supprimez / et ça devrait marcher.

2
Simon Dorociak